Tải lên tệp jQuery - cách nhận dạng khi tất cả các tệp đã tải lên

Question

Tôi đang sử dụng plugin Tải lên tệp jQuery.

Tôi muốn có thể kích hoạt sự kiện khi tất cả các tệp đã chọn tải lên xong. Cho đến nay tôi có một sự kiện để thực hiện hành động khi một tệp được chọn để tải lên và khi mỗi tệp cụ thể kết thúc tải lên - có cách nào để phát hiện rằng tất cả các tệp đã chọn đã tải lên xong chưa?

Ứng dụng thực tế là ở đây http://repinzle-demo.herokuapp.com/upload

lĩnh vực đầu vào của tôi trông như thế này:

<div id="fine-uploader-basic" class="btn btn-success" style="position: relative; overflow: hidden; direction: ltr;"> 

mã kịch bản của tôi trông như thế này:

<script> 
     $(function() { 
      $('#fileupload').fileupload({ 
       dataType: 'json', 
       add: function (e, data) { // when files are selected this lists the files to be uploaded 
        $.each(data.files, function (index, file) { 
         $('<p/>').text("Uploading ... "+file.name).appendTo("#fileList"); 
        }); 
        data.submit(); 
       }, 
       done: function (e, data) { // when a file gets uploaded this lists the name 
        $.each(data.files, function (index, file) { 
         $('<p/>').text("Upload complete ..."+file.name).appendTo("#fileList"); 
        }); 
       } 
      }); 
     }); 
    </script> 

Tôi đang xử lý yêu cầu với một Play Bộ điều khiển khung (Java) trông giống như sau:

PUBLI

c static void doUpload(File[] files) throws IOException{ 

     List<ImageToUpload> imagesdata = new ArrayList<ImageToUpload>(); 
       //ImageToUpload has information about images that are going to be uploaded, name size etc. 

     for(int i=0;i<files.length;i++){ 
      Upload upload = new Upload(files[i]); 
      upload.doit(); //uploads pictures to Amazon S3 
      Picture pic = new Picture(files[i].getName()); 
      pic.save(); // saves metadata to a MongoDB instance 
      imagesdata.add(new ImageToUpload(files[i].getName())); 
     } 

     renderJSON(imagesdata); 
    } 

Answer 1

Tôi nghĩ rằng bạn đang tìm kiếm sự kiện 'stop':

$('#fileupload').bind('fileuploadstop', function (e) {/* ... */}) 

như đã nói trong plugin documentation:

Callback cho những lần tải dừng lại, tương đương với sự kiện ajaxStop toàn cầu (nhưng chỉ dành cho yêu cầu tải tệp lên).

Bạn cũng có thể chỉ định các chức năng trên tạo Plugin đi qua nó như tham số

$('#fileupload').fileupload({ 
     stop: function (e) {}, // .bind('fileuploadstop', func); 
    });