精细上传延迟上传队列

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