亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在ssi-uploader上傳圖片的產檢中遇到了一個問題,有用過的前端大神沒

在ssi-uploader上傳圖片的產檢中遇到了一個問題,有用過的前端大神沒

杜發明 2016-11-10 10:56:44
//?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(){ ????????????//?每一個單獨的文件上傳后執行的回調函數 ????????} ????});
查看完整描述

3 回答

已采納
?
已經注銷了

TA貢獻2條經驗 獲得超2個贊

是有點小問題的。不是你的問題,是這款插件本身的問題
該插件只會在初始化的時候調用一次。如果data里的數據是變量,就無能為力了。以下是我修改源碼,把問題解決的

修改插件ssi-uploader.js

http://img1.sycdn.imooc.com//590987080001f5bf05870176.jpg

http://img1.sycdn.imooc.com//59098709000188fe10360617.jpg



頁面使用的時候,這個樣子就行了
http://img1.sycdn.imooc.com//5909872f0001eb4305560463.jpg



效果圖

http://img1.sycdn.imooc.com//590987670001d74509280707.jpg

查看完整回答
反對 回復 2017-05-03
  • 杜發明
    杜發明
    雖然這個問題我已經解決了,但是你分析的很對,還是給你采納
?
GavinJou大笨象

TA貢獻1條經驗 獲得超0個贊

請問這插件 怎么批量上傳啊,我發現這個是一次一次的調用,能不能一次上傳全部圖片

查看完整回答
反對 回復 2017-05-20
  • 杜發明
    杜發明
    這個默認的好像就是用數組的形式批量上傳的,可能是你后臺沒寫好,后臺看下log就知道了
?
Faker__

TA貢獻2條經驗 獲得超0個贊

請問圖片你后臺是怎么接收的?


查看完整回答
反對 回復 2016-12-28
  • 3 回答
  • 0 關注
  • 6518 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號