Attach Image to the input of type file using javascript

Question

I want the user to either take a picture from webcam or upload photo. If he chooses to take a picture, It should load in uploadedFile. I dont know even if this is possible at all. I am open to suggestions.

//I have an image

<img id="photo"> // I am getting this from webcam

//And I have an input of type file upload

<input type="file" name="uploadedFile" id="uploadedFile" accept="image/*">

// Now this image data in photo should go to uploadedFile. Is it possible?

Thank you, That helped me to some extent. Still don't know how I can attach achieved blob to the input of type file. — Vicky
– Vicky, Commented May 7, 2014 at 7:55

Quentin · Accepted Answer · 2014-05-06 10:50:23Z

2

It isn't possible.

You can either encode the data as text (eg. base64) and store it in a hidden input, or you can send it to the server using the XMLHttpRequest object instead of a form submission.

answered May 6, 2014 at 10:50

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Vicky Over a year ago

I have a service that accepts imageData of type "java.nio.ByteBuffer". Can I convert this "encoded data as text" to "java.nio.ByteBuffer".

Quentin Over a year ago

I have no idea what that means (at least in so far as it relates to HTTP). I would assume that using a JavaScript File object and a FormData object with XHR would do the job.

Collectives™ on Stack Overflow

Attach Image to the input of type file using javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related