使用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！很酷。