Vue-dropzone: How to get image URL after dropping image in the dropzone?

[pdt590]

Dear author

In a normal img DOM <img :src="imageUrl>
We can read imgUrl via src attribute. How can i read img URL after dropping img in the dropzone ?
I tried to use @vdropzone-files-added event to receive added img information. However, there is not
any information about the img URL as picture:

Thank you

[rowanwins]

Hi @duythang

None of the events give you access to the DOM elements, and even if it did then the img element doesn't have a url in the src, it instead a base64 image string (just like the dataURL in your file object above), that's because the image hasn't yet gone to a server and been given a URL yet.

Hopefully that makes sense
Rowan

[pdt590]

Thank you, i found out solution

[ritwikmads]

Can we not get the image location from folder/explorer? We use image from the file explore only to drop in dropzone, not manually but via some code