How to use Javascript to automatically save the images on the website with Chrome extension?

Question

Method 1.

-- use the iframe.

1. Create an iframe, when pressing the save button.
2. set the "src" property to a url of an image on the website.
3. invoke the iframe.document.execommand. //useless, it seems the execommand is only for IE.

Method 2.

-- use a canvas

1. Create a canvas
2. Draw the image into the canvas.
3. invoke toDataURL // Security Error

{
  "name" : "...",
  "version" : "1",
  "description" : ".....",
  "content_scripts" : [{
    "matches" : ["http://domain/p/*"],
    "js" : ["i.js"],
    "css" : ["i.css"]
  }],
  "permissions": [
    "http://*.domain.com/*"
  ]
}

Is there any other way to handle the problem?

Answer 1

It's a very old question, but since then chrome.downloads API became a thing.

It's sufficient to extract URLs of all the images you're interested in, and pass them to chrome.downloads.download . Please note that you may need to set a referrer in some rare cases.