LayUI Upload元件連續上傳同一檔案無反應

流年sugar發表於2024-08-13
UI元件

可能原因：元件會快取上次的上傳歷史，若是同一檔案就不處理

具體原因：待查

解決方法：在choose裡面增加如下語句“uploadListIns.config.elem.next()[0].value = '' ”

 var uploadListIns = upload.render({
     elem: '#FileUpload',
     elemList: $('#FileList'), // 列表元素物件
     accept: 'file',
     multiple: false,
     number: 3,
     auto: false,
     bindAction: '#Save',
     choose: function (obj) {
         // 讀取本地檔案
         obj.preview(function (index, file, result) {
          //清空 input file 值，以免同名檔案選擇後不可再選
          uploadListIns.config.elem.next()[0].value = '';
         })
})

注：此句也可放置在choose內的起始位置

var uploadListIns = upload.render({
     elem: '#FileUpload',
     elemList: $('#FileList'), // 列表元素物件
     accept: 'file',
     multiple: false,
     number: 3,
     auto: false,
     bindAction: '#Save',
     choose: function (obj) {
          //清空 input file 值，以免同名檔案選擇後不可再選
          uploadListIns.config.elem.next()[0].value = '';
         // 讀取本地檔案
         obj.preview(function (index, file, result) {
         })
})

相關文章