欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Bootstrap fileinput 上傳新文件移除時觸發(fā)服務器同步刪除的配置

 更新時間:2018年10月08日 14:59:18   作者:duduyx  
這篇文章主要介紹了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下拉菜單和滾動監(jiān)聽插件實現(xiàn)代碼

    BootStrap下拉菜單和滾動監(jiān)聽插件實現(xiàn)代碼

    這篇文章主要介紹了BootStrap下拉菜單和滾動監(jiān)聽插件實現(xiàn)代碼的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-09-09
  • 返回函數(shù)的JavaScript函數(shù)

    返回函數(shù)的JavaScript函數(shù)

    理解返回函數(shù)的JavaScript函數(shù)是什么意思,通過幾個簡短的例子真正理解返回函數(shù)的JavaScript函數(shù)到底是什么?感興趣的小伙伴們可以參考一下
    2016-06-06
  • js移動端圖片壓縮上傳功能

    js移動端圖片壓縮上傳功能

    這篇文章主要為大家詳細介紹了js移動端圖片壓縮上傳功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-09-09
  • JavaScript職責鏈模式概述

    JavaScript職責鏈模式概述

    這篇文章主要為大家詳細介紹了JavaScript職責鏈模式,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • console.log()與console.dir()的區(qū)別及說明

    console.log()與console.dir()的區(qū)別及說明

    這篇文章主要介紹了console.log()與console.dir()的區(qū)別及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-01-01
  • 詳解JavaScript中的強制類型轉換和自動類型轉換

    詳解JavaScript中的強制類型轉換和自動類型轉換

    這篇文章中我們將深入探索一下 JavaScript 中的類型轉換,揭示強制類型轉換、自動類型轉換和轉換函數(shù)的奧秘,快跟隨小編一起學習一下吧
    2023-12-12
  • GoJs中使用HTML方法示例

    GoJs中使用HTML方法示例

    這篇文章主要為大家介紹了GoJs中使用HTML方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-05-05
  • uniapp小視頻項目開發(fā)之滑動播放視頻

    uniapp小視頻項目開發(fā)之滑動播放視頻

    最近在工作中遇到了一個視頻播放的需求,所以下面這篇文章主要給大家介紹了關于uniapp小視頻項目開發(fā)之滑動播放視頻的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-04-04
  • js編寫的treeview使用方法

    js編寫的treeview使用方法

    這篇文章主要為大家詳細介紹了js編寫的treeview使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • js如何給json對象添加、刪除、修改屬性

    js如何給json對象添加、刪除、修改屬性

    這篇文章主要介紹了js如何給json對象添加、刪除、修改屬性問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10

最新評論