如何使用 dropzone.js 收集数据 URI 内容?

How do I collect Data URI content using dropzone.js?

我正在使用 Dropzone,但我只想使用它的缩略图生成功能和 UI。我希望能够收集所有数据 URI,并自己通过 HTTP 请求将它们发送到服务器。我如何完成它?

文档说,我可以将功能传递给 url,它会得到一个自定义文件对象,但这个对象不是我可以传递给 FileReader 并读取它的 HTML5 文件对象内容.

我知道 DropZone 在下面使用 FileReader 生成缩略图,但它直接用完了该数据。有什么方法可以让我每次 select 一个新文件时都能访问每个数据 uri?

您可以使用 Dropzone 的 thumbnail 事件,该事件在为文件生成缩略图时触发。它接收数据 uri 作为第二个参数。

myDropzone.on('thumbnail', function(file, dataUri) {
    // use dataUri here
});

此处参考文档:http://www.dropzonejs.com/#event-thumbnail