Jquery 파일 업 로더를 사용한 여러 파일 업로드

Question

jquery 파일 업 로더를 사용하여 여러 파일을 업로드하고 있습니다. 서버가 장고입니다. 서버에 파일을 업로드 할 수 있는데 업로드 한 파일을 표시하고 사용자에게 파일을 삭제하거나 추가 할 수있는 옵션을 제공하고 싶습니다.

도와주세요.

내 코드는 다음과 같습니다

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

내가 몇 일 전에 같은 일을하려고 한 후 내가 장고 - jfu 발견 플러그인. 사용자가 파일을 추가/삭제/미리 볼 수 있습니다. 데모를 확인하십시오 here! 멋지다.