vue2 dropzone中的文件界面和dataUrl

时间:2020-10-27 07:29:27

标签: file vuejs2 vue2-dropzone

我写了一个渲染vue2 dropzone组件和一个表的组件。用户可以将图像(jpeg,png,gif等)拖放到放置区,文件上传完成后,它们将显示在下表中: image

此外,用户可以单击“播放”小按钮,以打开轮播以显示上传的照片: image

为了显示这些照片,我使用了file.dataURL字段(在@ vdropzone-complete中)。 问题已经解决,并非所有文件都带有DATAURL字段。此外,有些文件返回的带有高度和宽度字段,而另一些则没有。

另外,我注意到将多个图像放在一起时会发生这种情况。例如,如果我批量上传图像A,B和C,则只有其中一个文件可以容纳dataUrl,width和height字段。另一方面-如果我分别上传相同的图像(先上传A,然后上传B,然后上传C),那么就没问题了!所有人都会拥有这些字段!

我错过了什么吗? 为什么会这样? 我该如何处理?

谢谢! 塔里语

0 个答案:

没有答案