Plupload - 上傳完成功能？

我一直在瀏覽一些「類似」的問題，但沒有一個能夠解決我遇到的特定問題。Plupload - 上傳完成功能？

我使用Plupload（http://www.plupload.com）將圖像上傳到Amazon S3。這很好，但是一旦上傳完成，我想更新頁面上的另一個div來顯示上傳文件的縮略圖。我的意圖是使用jQuery.load來做到這一點（因爲我需要運行一個數據庫查詢，然後我可以輸出它們）。但是，現在我試圖讓基本工作，並簡單地更新與文本的股利。

我目前的代碼（下面）不會返回任何錯誤，但是一旦文件上傳完成，它就不會更新div。看看各種答案/建議，似乎有很多方法可以實現我在尋找的東西 - 但我一直無法工作。

這裏是我的代碼現在...

<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>

來源

2012-09-26 Lee

感謝您的回覆。我不需要訪問文件名，我只是想在上傳完成後觸發另一個功能（即更新頁面上的另一個div） - 上傳的實際文件是不相關的。 – Lee

所有上傳完成後？ – Cybrix

理想情況下，是的 - 但每個人單獨放火後都不會受傷。 – Lee

這是我的代碼是工作在我身邊：

<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>

這個例子，觸發FileUploaded功能隊列中的每一個文件後，已被上傳。

來源

2012-09-26 19:52:20 Cybrix

工作！謝謝！不知道我的錯在哪裏 – Lee

好！祝你有美好的一天！ – Cybrix

我試過使用代碼a博韋，但我收到一個錯誤「pluploadQueue未定義」。有任何想法嗎？ – Andreas

它使用UploadComplete而不是FileUploaded

來源

2013-02-18 21:09:43 kinsay

你似乎明白這個系統是如何工作的，你介意看看這個對我來說？ HTTP：//計算器。com/questions/16555550/how-do-i-return-data-via-ajax-using-plupload-on-upload-complete，謝謝！ –

Plupload - 上傳完成功能？

回答

相關問題