search

creativetimofficial / ct-vue-argon-dashboard-pro

Vue Argon Dashboard Pro - Premium Bootstrap 5 Vuejs Admin Template
https://www.creative-tim.com/product/vue-argon-dashboard-pro
25 stars 7 forks source link

[Bug] dropzone-file-upload is not working #42

Closed mineoni closed 2 years ago

mineoni commented 3 years ago

Version

2.0.0

Reproduction link

https://demos.creative-tim.com/vue-argon-dashboard-pro/?_ga=2.45882083.655152236.1618795484-1969098138.1616570306#/forms/components

Operating System

Windows10

Device

PC

Browser & Version

Chrome 90.0.4430.212

Steps to reproduce

  1. Import dropzone-file-upload and add it to components.
  2. Add dropzone-file-upload tag on vue file.
  3. Bind an array to v-model.
  4. drop file to dropzone area.
  5. When I print the contents of the bound array to the console, there are no elements.

    What is expected?

    I should have been able to see the elements of the array.

    What is actually happening?

    nothing

Solution

nothing

Additional comments

why?

rarestoma commented 3 years ago

Hi @mineoni,

Thank you for working with our products and sorry for my late response.

Can you please give me the code that you tried so I can test it and see what happens/find a solution?

Best regards, Rares

henning150 commented 3 years ago

The file is not available on event "addedfile", maybe the filereader takes too long, but "thumbnail" event works

My temperary fix is to add @ thumbnail listener to the dropzone-file-upload element where the data is available

<dropzone-file-upload v-model="temp" @thumbnail="change"></dropzone-file-upload>

and

change(file) { this.file = file.dataURL; }

sajadevo commented 2 years ago

Hi there,

We've updated the product to v3 which comes with a new look and a new base structure for more reusable components.

All the best Sajad

Web Developer @ Creative-Tim.com