How to upload an image that is referenced in an img element

I have a view that is using javascript to take photos using the camera.

The photo image is stored into an img element using data uri.

Now I want to upload that image when clicking the submit button. How can I do that?

Thanks,

MarianoMoreyra

5 years ago

Level 25

Hi @raulmercadox

Haven't tried this myself, but I believe this article should help you: https://www.geeksforgeeks.org/how-to-convert-data-uri-to-file-then-append-to-formdata/

Hope it works for you!

raulmercadox

5 years ago

Level 1

What I've done is using javascript assign the value of the src attribute to an input type="hidden" element. Then when I submit the form, the value of that input goes to the server.

Thanks,

Please or to participate in this conversation.