使用 javascript 从 sourceUrl 获取图像答案

【问题标题】：Get Image from sourceUrl using javascript使用 javascript 从 sourceUrl 获取图像
【发布时间】：2012-09-12 05:49:18
【问题描述】：

我正在编写一个 chrome 扩展。我想将某个网页上的图像发送到我的网站。

使用 chrome contextMenus，我可以获得该图像的源 URL。我想知道如何使用该源下载它或将其发送到其他地方。（类似于浏览器提供的另存为功能）

【问题讨论】：

任何具体的用例？如果您的问题是在其他地方下载+主机，那么此问题与 Google chrome rehost image extension 重复。如果-此外-您想将图像保存在用户的计算机上，那么一般的答案是不，不可能，而是possible if you accept the fact that the save feature requires user interaction。

标签： javascript google-chrome google-chrome-extension

【解决方案1】：

我想通过上下文菜单上传图片的 URL：

chrome.contextMenus.onClicked.addListener(function (info) {

  var data = new FormData();
  data.append('url', info.srcUrl);

  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'http://mywebsite.com', true);
  xhr.onload = function(e) { console.log(e); }
  xhr.send(data);

});

希望对你有帮助。

【讨论】：