rowanwins / vue-dropzone

A Vue.js component for Dropzone.js - a drag’n’drop file uploads utility with image previews
https://rowanwins.github.io/vue-dropzone/docs/dist
MIT License
2.02k stars 1.4k forks source link

dataURL field is undefined for most dropped files #584

Closed Hazarzir closed 4 years ago

Hazarzir commented 4 years ago

I wrote a component which renders a vue2 dropzone component and a table. A user can drop images (jpeg, png, gif etc.) into the dropzone, and once the upload of the files is done, they will appear in the table below: image

Furthermore, a user can click on the little "play" button, to open a carousel for displaying the uploaded photos: image

in order to display these photos, I'm using the file.dataURL field (in @vdropzone-complete). PROBLEM IS, NOT ALL FILES COMES BACK WITH A DATAURL field. Furthermore, some files returns with height and width fields, and some don't.

Plus, I noticed it happens when I drop multiple images together. For instance, if I upload images A,B and C at one bulk, only one of these files would hold a dataUrl, width and height fields. One the other hand- if I upload the same images seperatly (first A, then B, then C), then, no problem! All would hold these fields!

Am I missing something? Why does this happens? And HOW CAN i handle it?

Thank you! Tali