需求:列表里每條數據需加文件上傳
html:
<div> <ul class="SR_wrap_pic"></ul> <button type="button" class="btn btn-xs btn-primary SR_btn_pic" onclick="addWebUpload_current(this)"> <i class="fa fa-upload"></i> Upload <span class="uploadBtn_pic"></span> </button> </div>
js:
//當前活動按鈕處,添加放置標記圖片位置 function addWebUpload_current(obj) { $(".webUpload_current").removeClass("webUpload_current");//先全部移除 $(obj).parent().addClass("webUpload_current");//添加當前標識 }
webuploader 插件部分:
pick: { id: '.uploadBtn_pic', multiple:false //默認為true,就是可以多選 }, duplicate :true//讓圖片可重復上傳
//當前活動按鈕行,添加圖片
$(".webUpload_current").append( $li );
注意:頁面如果有隱藏的上傳按鈕(如彈窗里面),當隱藏block的時候,再初始化一下WebUploader即可