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

使用Jquery文件上传器进行多个文件上传

1 个答案: