Plupload - funkcja po zakończeniu przesyłania?

Question

Przeglądam niektóre "podobne" pytania, ale żaden z nich nie działa ani nie rozwiązuje konkretnego problemu, który mam.

Używam Plupload (http://www.plupload.com) do przesyłania zdjęć do Amazon S3. Działa to świetnie, jednak po zakończeniu przesyłania chcę zaktualizować inny element div na stronie, aby wyświetlić miniatury przesłanych plików. Moim zamiarem jest użycie jQuery.load, aby to zrobić (ponieważ będę musiał uruchomić zapytanie DB, zanim będę mógł je wyprowadzić). Jednak na razie próbuję uzyskać podstawową pracę i po prostu aktualizuję element div tekstem.

Mój aktualny kod (poniżej) nie zwraca żadnych błędów, ale nie aktualizuje elementu div po przesłaniu pliku (ów). Patrząc na różne odpowiedzi/sugestie, wydaje się, że istnieje wiele sposobów osiągnięcia tego, czego szukam - ale nie byłem w stanie uzyskać żadnej pracy.

Oto mój kod teraz ...

<script> 
$(document).ready(function(upload) { 
$("#uploader").pluploadQueue({ 
    runtimes : 'html5,html4', 
    url : '/gallery/upload.cfm', 
    max_file_size : '5000kb', 
    multiple_queues : true, 
    unique_names : true, 
    filters : [ 
     {title : "Image files", extensions : "jpg,gif,png,jpeg"} 
    ] 
}); 
$("#uploader").bind('FileUploaded', function() { 
$(".outputimages").html('The output goes here'); 
}); 
}); 
</script> 

<div id="uploader">You browser doesn't have HTML 4 support.</div> 

<div class="outputimages"></div> 

Answer 1

To jest mój kod, który działa na mojej stronie:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="plupload/jquery.plupload.queue.js"></script> 
<script src="plupload/plupload.full.js"></script> 
<script> 
    $(function() { 
     $("#uploader").pluploadQueue({ 
      runtimes : 'html5,html4', 
      max_file_size : '10mb', 
      url : 'upload.php', 
      max_file_size : '5000kb', 
      multiple_queues : true, 
      unique_names : true, 
      filters : [ 
       {title : "Image files", extensions : "jpg,gif,png,jpeg"} 
      ] 
     }); 

     var uploader = $('#uploader').pluploadQueue(); 

     uploader.bind('FileUploaded', function() { 
      if (uploader.files.length == (uploader.total.uploaded + uploader.total.failed)) { 
       $(".outputimages").html('The output goes here'); 
      } 
     }); 
    }); 
</script> 

<div id="uploader">You browser doesn't have HTML 4 support.</div> 

<div class="outputimages"></div> 

tym przykładzie wywołać funkcję FileUploaded po każdych plików w kolejce zostały przesłane.

Answer 2

Działa lepiej przy użyciu funkcji UploadComplete zamiast FileUploaded