Bootstrap fileinput 上傳新文件移除時觸發(fā)服務器同步刪除的配置
在Bootstrap fileinput中移除預覽文件時可以通過配置initialPreviewConfig: [ { url:'deletefile',key:fileid } ] 來同步刪除服務器上的文件和記錄。但新上傳的文件則需要其他方式來同步刪除服務器記錄。
在配置中遇到的一些問題,記錄一下。
fileinput在文件上傳成功后會觸發(fā)'fileuploaded'事件,移除圖片后會觸發(fā)'filesuccessremove'事件。
其中在fileuploaded中參數(shù)previewId是形如:preview-1538964832345-2這樣的一串字符,而在filesuccessremove里previewId是以uploaded開頭并且數(shù)字也和fileuploaded中的不一樣,像這樣的:uploaded-1538964834797_18,但其實兩者都是指向同一個div的id。
所以上傳成功后我們只要在fileuploaded將服務器返回的數(shù)據(jù)key或者ID放入該div中,移除時在從中取出就可以了。
代碼如下:
//files為fileinput控件ID, $('#files').on('fileuploaded', function (e, data, previewId, index) { //在上傳成功事件中將服務器返回的所需數(shù)據(jù),添加到該文件對應的div中 $('#' + previewId).attr('fileid', data.response.fileid); }).on('filesuccessremove', function (event, previewId, extra) { //在移除事件里取出所需數(shù)據(jù),并執(zhí)行相應的刪除指令 delete(($('#' + previewId).attr('fileid')); });
總結
以上所述是小編給大家介紹的Bootstrap fileinput 上傳新文件移除時觸發(fā)服務器同步刪除的配置 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
- Bootstrap Fileinput文件上傳組件用法詳解
- JS文件上傳神器bootstrap fileinput詳解
- Bootstrap fileinput文件上傳預覽插件使用詳解
- Bootstrap中的fileinput 多圖片上傳及編輯功能
- Bootstrap的fileinput插件實現(xiàn)多文件上傳的方法
- bootstrapfileinput實現(xiàn)文件自動上傳
- 基于bootstrap的上傳插件fileinput實現(xiàn)ajax異步上傳功能(支持多文件上傳預覽拖拽)
- 詳解bootstrap-fileinput文件上傳控件的親身實踐
- BootStrap fileinput.js文件上傳組件實例代碼
- Bootstrap FileInput實現(xiàn)圖片上傳功能
相關文章
BootStrap下拉菜單和滾動監(jiān)聽插件實現(xiàn)代碼
這篇文章主要介紹了BootStrap下拉菜單和滾動監(jiān)聽插件實現(xiàn)代碼的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-09console.log()與console.dir()的區(qū)別及說明
這篇文章主要介紹了console.log()與console.dir()的區(qū)別及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01