Blueimp文件上传：从URL添加图像

Question

我正在使用jQuery文件上传插件（http://blueimp.github.io/jQuery-File-Upload/）为我的网站上传图片。

我想在用户添加文本框时从网址添加图片。

Answer 1

你必须找到一种从URL下载图像的方法，将img转换为blob构造函数支持的任何类型，构建blob文件，并调用jQuery File Upload添加方法，如$（'＃fileupload'） .fileupload（'add'，{files：blob}）'，所有语法都用javascript。

检查一下：https://developer.mozilla.org/en-US/docs/Web/API/Blob/Blob 这个http://qnimate.com/javascript-create-file-object-from-url/

如果您设法实施它，请在此处发布。

Answer 2

尝试这样的事情

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();