fine-uploader延迟上传队列

Question

我正在开发一个基于网络的工具，允许用户通过移动设备将照片上传到我的网站。为了管理连接不良区域的上传，并避免让用户刻录自己的数据，我想创建一个上传队列，存储每个请求的照片的文件名，然后（手动）启动整个队列的上传之后，一旦用户可以访问WiFi连接。

可以配置精细上传器来执行此操作吗？

Answer 1

是的，这是一项非常简单的任务。只需将autoUpload configuration option设置为false，然后将一个点击处理程序添加到上传按钮，按下该按钮时会调用uploadStoredFiles API method。这将导致Fine Uploader将用户选择的文件发送到您的服务器。

在您的文档中，包含您的template和以下元素：

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

Fine Uploader实例的简单配置以及点击处理程序将如下所示：

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找到更完整的示例。请参阅现场演示下方的代码。