//?data參數寫成固定的字符串后臺可以接收到,但是變量接收不到。圖片可以接收到
//?html
????<!--新增專輯-->
????<div?class="layui-tab-item?layui-show">
????????<div?class="layui-form-item">
????????????<label?class="layui-form-label">專輯名稱:</label>
????????????<div?class="layui-input-block">
????????????????<input?type="text"?id="album_name"?value=""?autocomplete="off"?placeholder="請輸入專輯名稱"?class="layui-input">
????????????</div>
????????</div>
????????<div?class="layui-form-item?layui-form-text">
????????????<label?class="layui-form-label">專輯描述:</label>
????????????<div?class="layui-input-block">
????????????????<textarea?placeholder="請輸入專輯描述"?class="layui-textarea"?id="album_describe"></textarea>
????????????</div>
????????</div>
????????<div?class="layui-form-item">
????????????<label?class="layui-form-label">專輯圖片:</label>
????????????<div?class="layui-input-block">
????????????????<div?class="site-demo-upload">
????????????????????<div?class="site-demo-upbar">
????????????????????????<input?type="file"?multiple?id="ssi-upload"/>
????????????????????</div>
????????????????</div>
????????????</div>
????????</div>
????</div>
????<!--新增專輯end-->
????
????
//?js
/*保存并上傳*/
????var?album_name?=?document.getElementById("album_name").value;
????var?album_describe?=?document.getElementById("album_describe").value;
????jQuery('#ssi-upload').ssi_uploader({
????????data:{
????????????"album_name":?album_name,
????????????"album_describe":?album_describe,????//?這兩個參數寫成固定字符串后臺可接收,變量接收不到
????????},
????????url:'異步接口',
????????dropZone:true,
????????//?maxNumberOfFiles:10,????//?每次允許上傳多少個文件
????????//?maxFileSize:6,??//?允許上傳的最大文件尺寸
????????allowed:['jpg','gif','txt','png','pdf'],????//?允許上傳的文件類型
????????beforeUpload:function(fileInfo,xhr){
????????????alert(document.getElementById("album_name").value);
????????????//?文件上傳前執行的回調函數
????????????var?album_name?=?document.getElementById("album_name").value;
????????????if(album_name?==?''?||?album_name?==?null){
????????????????//?終止操作
????????????????xhr.abort();
????????????}
????????},
????????beforeEachUpload:function(){
????????????//?每一個單獨的文件上傳前執行的回調函數
????????},
????????onUpload:function(){
????????????//?文件上傳后執行的回調函數
????????????layui.use(['layer',?'form'],?function?()?{
????????????????var?layer?=?layui.layer
????????????????????????,?form?=?layui.form();
????????????????layer.msg('專輯保存成功',?function?()?{
????????????????????//關閉后的操作
????????????????});
????????????});
????????},
????????onEachUpload:function(){
????????????//?每一個單獨的文件上傳后執行的回調函數
????????}
????});
在ssi-uploader上傳圖片的產檢中遇到了一個問題,有用過的前端大神沒
杜發明
2016-11-10 10:56:44