daker daker - 1 year ago 227
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.

Answer Source

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.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download