FHoulbreque's avatar

Need help building an upload image form.

Hello there,

I tried all this afternoon building with Vue an upload form.

Here's the goal i want to achieve :

  • Let the user chose one or multiple files (easy enough and done).
  • Use a FileReader to open each of the files and display them.
  • Add for each file a name and description fields.
  • Send through ajax the request to the server.

If I'm able to achieve this result for ONE unique image, I'm unable to do this with multiple files.

I'm able to construct an array of the files, I would be able to generate dynamic fields for each of the files, but I'm unable to make the FileReader to load and show thoses images dynamically.

Do you have any suggestion how I could achieve that or lead me to a library to help me reach this goal?

Kind regards.

0 likes
2 replies
FHoulbreque's avatar

Thank you, I do know there's Dropzone that can do it... But I were trying to avoid using it.

Seems my issue is the render doesn't update whent the FileReader create the blob... Don't know why it isn't updating at all... So it don't show.

I think I'll switch to Dropzone anyway. Should solve my issue... But will I be able to integrate it without using any more layer like a component already made by someone else?

Thanks.

Please or to participate in this conversation.