使用 Jquery 文件上传器上传多个文件答案

【问题标题】：multiple file uploads using Jquery file uploader使用 Jquery 文件上传器上传多个文件
【发布时间】：2014-05-04 07:40:20
【问题描述】：

我正在使用 jquery 文件上传器上传多个文件。服务器是django 我能够将文件上传到服务器，我想显示上传的文件并为用户提供删除或添加更多文件的选项。

请帮帮我。

我的代码是：

媒体.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>

媒体.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 


    });

【问题讨论】：

你尝试过什么？向我们展示您的代码。

标签： jquery django jquery-ui blueimp

【解决方案1】：

几天前我试图做同样的事情，然后我发现了 django-jfu 插件。它允许用户添加/删除/预览文件。查看演示 here！很酷。

【讨论】：