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

时间:2015-02-09 13:36:28

标签: javascript angularjs html5 dropzone.js

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

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

我知道DropZone正在使用下面的FileReader生成缩略图,但它直接用完了那些数据。有没有办法在每次选择新文件时都可以访问每个数据?

1 个答案:

答案 0 :(得分:2)

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

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

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