Blueimp File Upload: add image from URL

Question

I am using jQuery File Upload plugin (http://blueimp.github.io/jQuery-File-Upload/) for image upload for my website.

I want to add image from URL, when user add in textbox.

I found for add image to plugin, you must use function 'add' and for use it with image use like '$('#fileupload').fileupload('add', {files: [blob]})' but for use it with URL address, how can I use it — AAZ
– AAZ, Commented Dec 9, 2015 at 11:41

Lombas · Accepted Answer · 2017-02-24 18:05:11Z

2

You have to find a way to download the image from the URL, convert the img into any Type supported by the blob constructor, build a blob file, and call the jQuery File Upload add method like $('#fileupload').fileupload('add', {files: blob})', all grammatically with javascript.

Check this out: https://developer.mozilla.org/en-US/docs/Web/API/Blob/Blob and this http://qnimate.com/javascript-create-file-object-from-url/

If you manage to implement it, please post here.

edited Feb 24, 2017 at 18:05

answered Mar 14, 2016 at 13:31

Lombas

1,1412 gold badges10 silver badges25 bronze badges

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

Comments

Roman Yakoviv · Accepted Answer · 2017-02-07 07:26:13Z

1

Try something like this

var blob = null;
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://path/to/image');
xhr.responseType = 'blob';
xhr.onload = function()
{
   blob = xhr.response;
   $('#mediafile-file-fileupload').fileupload('add', {files: [blob]})
}
xhr.send();

answered Feb 7, 2017 at 7:26

Roman Yakoviv

1,72418 silver badges21 bronze badges

Collectives™ on Stack Overflow

Blueimp File Upload: add image from URL

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related