webuploader 百度上傳,一個頁面多個上傳按鈕


需求:列表里每條數據需加文件上傳

 

 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即可

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM