優化上傳延遲上傳隊列

Question

我正在開發一個基於網絡的工具，允許用戶從他們的移動設備上傳照片到我的網站。爲了管理連接不暢的地區的上傳，並避免讓用戶刻錄他們自己的數據，我想創建一個上傳隊列來存儲每個請求照片的文件名，然後（手動）啓動整個隊列的上傳之後，用戶可以訪問WiFi連接。

可以配置fine-uploader來做到這一點嗎？

Answer 1

是的，這是一個非常簡單的任務。只需將autoUpload configuration option設置爲false，然後將點擊處理程序添加到上載按鈕，該按鈕在按下時調用uploadStoredFiles API method。這將導致Fine Uploader將用戶選擇的文件發送到您的服務器。

在文檔中，包括您template及以下元素：

<div id="upload-container"></div> 
<button id="upload-button">Upload files</button> 

爲您精細上傳實例的簡單配置，單擊處理一起，看起來就像這樣：

var manualUploader = new qq.FineUploader({ 
    element: document.getElementById('upload-container'), 
    request: { 
     endpoint: '/server/uploads' 
    }, 
    autoUpload: false, 
}); 

qq(document.getElementById("upload-button")).attach("click", function() { 
    manualUploader.uploadStoredFiles(); 
}); 

一個更完整的例子可以在http://fineuploader.com/demos#manually-trigger-uploads找到。查看現場演示下面的代碼。