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

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

本文关键字：数据 URI 内容何使用 dropzone js 更新时间：2023-09-26

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

文档中说，我可以将afunction传递到url，它会得到一个自定义的文件对象，但这个对象不是HTML5文件对象，我可以传递到FileReader并读取它的内容。

我知道DropZone在下面使用FileReader生成缩略图，但它直接用完了这些数据。有没有一种方法可以在每次选择新文件时访问每个数据uri？

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

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

此处的文档参考：http://www.dropzonejs.com/#event-缩略图