Get Image from sourceUrl using javascript

Question

I am writing a chrome extension. I want to send an image on some webpage to my site.

Using chrome contextMenus, I can get the source url of that image. I want to know how to use that source to download it or to send it somewhere else. ( similar to save-as functionality provided by browser)

Any concrete use case? If your question is Download+host elsewhere, then this question is a duplicate of Google chrome rehost image extension. If -in addition- you want to save the image on the user's computer, then the general answer is No, not possible, but possible if you accept the fact that the save feature requires user interaction. — Rob W
– Rob W, Commented Sep 19, 2012 at 21:10

François Beaufort · Accepted Answer · 2012-09-20 05:11:24Z

0

Here's what I would to to upload the URL of an image through context menus:

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

});

Hope it helps.

answered Sep 20, 2012 at 5:11

François Beaufort

5,8193 gold badges31 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

Get Image from sourceUrl using javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related