Programmatically add a file to jquery fileupload

Question

I'm using blueimp/jQuery-File-Upload to allow users to upload attachments when creating a inquiry on my site.

I need to extend the current functionality to add a auto generated image to the queue. The image I need to add is an exported canvas, thus a base64 encoded string, i.e something like

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNby // blAAAADElEQVQImWNgoBMAAABpAAFEI8ARAAAAAElFTkSuQmCC

How can I add such a file to the upload queue? I am stuck and don't know where to start. Any pointers to the right direction is much appreciated.

you mean to say set image file?i doubt its possible because of security reasons — guradio
– guradio, Commented Jun 29, 2016 at 7:04
@guradio Not sure what you mean but probably. So the only way would be to pass it to my back end in a separate post or something? I failed to mention that it's not supposed to end up on my servers but on amazon S3. — daker
– daker, Commented Jun 29, 2016 at 7:11

guest271314 · Accepted Answer · 2016-06-29 07:19:38Z

1

It is not possible to programmatically add a File object to FileList object at <input type="file"> element. You can create a file as data URI; Blob or File; or FormData object, use POST to send file object to server.

edited Jun 29, 2016 at 7:19

answered Jun 29, 2016 at 7:11

guest271314

1

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

1 Comment

daker Over a year ago

Thank you! That's what I feared.

Collectives™ on Stack Overflow

Programmatically add a file to jquery fileupload

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related