在Bootstrap fileinput中移除預(yù)覽文件時(shí)可以通過配置initialPreviewConfig: [ { url:'deletefile',key:fileid } ] 來(lái)同步刪除服務(wù)器上的文件和記錄。但新上傳的文件則需要其他方式來(lái)同步刪除服務(wù)器記錄。

在配置中遇到的一些問題，記錄一下。

fileinput在文件上傳成功后會(huì)觸發(fā)'fileuploaded'事件，移除圖片后會(huì)觸發(fā)'filesuccessremove'事件。

其中在fileuploaded中參數(shù)previewId是形如：preview-1538964832345-2這樣的一串字符，而在filesuccessremove里previewId是以u(píng)ploaded開頭并且數(shù)字也和fileuploaded中的不一樣，像這樣的：uploaded-1538964834797_18，但其實(shí)兩者都是指向同一個(gè)div的id。

所以上傳成功后我們只要在fileuploaded將服務(wù)器返回的數(shù)據(jù)key或者ID放入該div中，移除時(shí)在從中取出就可以了。

代碼如下：

//files為fileinput控件ID，$('#files').on('fileuploaded', function (e, data, previewId, index) { 　　　　　　//在上傳成功事件中將服務(wù)器返回的所需數(shù)據(jù)，添加到該文件對(duì)應(yīng)的div中 　　　　　　$('#' + previewId).attr('fileid', data.response.fileid);  }).on('filesuccessremove', function (event, previewId, extra) {　　　　　　//在移除事件里取出所需數(shù)據(jù)，并執(zhí)行相應(yīng)的刪除指令   delete(($('#' + previewId).attr('fileid'));  });

總結(jié)

以上所述是小編給大家介紹的Bootstrap fileinput 上傳新文件移除時(shí)觸發(fā)服務(wù)器同步刪除的配置 ，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！