daker daker - 11 months ago 88
jQuery Question

Programmatically add a file to jquery fileupload

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


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.


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.