Fine Uploader：在上传之前调整大文件的大小？

Question

我正在评估Fine Uploader与各种其他选项的比较，具体为JQuery File Upload。

与JQuery File Uploader相比，我更喜欢Fine Uploader方法，因为它比较轻巧，它依赖于Bootstrap和JQuery UI。

但是它能够将图像尺寸调整是很重要的：例如，用户可以选择从他们的相机大文件，并且这可能是非常大的 - 上传全分辨率照片可能需要很长的时间。 JQuery文件上传做到这一点。

此外，我们没有太多的高分辨率文件的用途。

如果可能（我知道一些浏览器可能不支持这一点），我希望能够调整图像客户端大小。

这可能吗？

Answer 1

Fine Uploader目前不支持图像处理。这是我们积压的功能，但我们还没有很多用户告诉我们他们对此感兴趣。这是为什么这种功能尚未实现的原因之一。有一种情况，#707标志着Fine Uploader的本机图像编辑支持的开始。它是暂定预定为4.0。

但是，您当然可以使用FileReader和Canvas来调整图像的大小。然后，您可以通过addFiles API方法将此调整大小的图像作为Blob提交给Fine Uploader。此时，该文件已被提交，Fine Uploader已准备好上传该项目。

从本质上讲，这些步骤你就跟着来处理这种特定情况下，前细上传原生支持图像处理：

1. 提供自己的文件输入元素（S）或利用精细上传的文件/文件夹拖并放弃支持以获取用户选择的某些文件的句柄。
2. 使用FileReader来读取图像的内容。
3. FileReader将为您提供图像的URL，将其分配给img元素的src属性。
4. 将img绘制到canvas元素上。这是调整大小的地方。
5. 从canvas元素（canvas.toDataURL(...)）中获取已调整大小的图像的URL。
6. 将URL转换为Blob。
7. 将Blob传递给Fine Uploader的addFiles API方法。

意图是通过向Fine Uploader添加本机图像处理支持来为未来的集成商（如您自己）处理大部分（如果不是全部）。

希望这会有所帮助。