使用jquery文件上傳器的多個文件上傳

Question

我使用jquery文件上傳器上傳多個文件。 服務器是django 我能夠上傳文件到服務器，我想顯示上傳的文件，並給用戶選項刪除或添加更多的文件。

請幫幫我。

我的代碼是：

media.html

<div id="tab-file_upload" class="tab-pane"> 
         <div class="control-group" id="file_upload1" > 
          <label class="control-label">Upload Asset</label> 
          <div class="controls"> 
          <input class="file_upload1 multi" type="file" name="file_upload1" multiple> 

          </div> 
         </div> 
         </div> 

media.js

this.$el.fileupload({ 

     url: this.model.url(), 
     headers: { 'X-CSRFToken': window.csrf_token }, 
     formData: form_data,  

     progressall: function(e, data) { 

     if (data.loaded && data.total) { 
      return (_this.$('.progress .bar')).css('width', "" + (data.loaded/data.total * 100) + "%"); 
     } 
     } 
    }); 
    //var fileList = $("#file_upload1").prop("files"); 
    var fileList = this.$("[name = 'file_upload1']").prop("files"); 
    save = this.$el.fileupload('send', { 
     files:fileList 


    }); 

Answer 1

我試圖做同樣的事情，前幾天後來我發現Django的JFU插入。它允許用戶添加/刪除/預覽文件。看看演示here！很酷。