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.

Answer 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.