从一个网站使用javascript下载图像客户端到硬盘驱动器

我目前正尝试使用JavaScript或任何可以集成到Chrome扩展的目录中的自动过程下载图像到目录中的特定文件夹，以便它可以由另一个程序处理。从一个网站使用javascript下载图像客户端到硬盘驱动器

目标：我附加的图像有我试图下载的图像标记的突出显示部分，但到目前为止，我只找到一种方法将它下载到本地存储中作为测试。

这是我目前用于测试的代码，以查看是否可以将其定位到本地存储中。

// Get a reference to the image element 
var captchaImg = document.getElementById("captchaImg"); 

// Take action when the image has loaded 
captchaImg.addEventListener("load", function() { 
var imgCanvas = document.createElement("canvas"), 
    imgContext = imgCanvas.getContext("2d"); 

// Make sure canvas is as big as the picture 
imgCanvas.width = captchaImg.width; 
imgCanvas.height = captchaImg.height; 

// Draw image into canvas element 
imgContext.drawImage(captchaImg, 0, 0, captchaImg.width, captchaImg.height); 

// Get canvas contents as a data URL 
var imgAsDataURL = imgCanvas.toDataURL("image/png"); 

// Save image into localStorage 
try { 
    localStorage.setItem("captchaImg", imgAsDataURL); 
} 
catch (e) { 
    console.log("Storage failed: " + e); 
} 
}, false);

我对Chrome扩展计划过于写清单和所有其余一旦我知道什么是从用于下载和处理图像的最终剧本需要和这样的权限。

目标：

下载图像到硬盘驱动器

下载图像到特定文件夹

有下载自动

的代码在Chrome中执行分机号

来源

2016-07-25 BlakeAyrl

可以使用'应用程序/八位字节steam''MIME'型图像下载到硬盘驱动器。不确定“自动化”的含义？您是否正在尝试将文件写入或下载到客户端文件系统的特定文件夹？ – guest271314

尝试下载到客户端文件系统上的特定文件夹，如窗口中的图片文件夹，并在页面像上述事件侦听器一样加载时自动进行自动化。如果它有效，我将不得不寻找八卦蒸汽的东西，你可以把它作为答案，所以我可以给你信贷和代表帮助？ – BlakeAyrl

请参阅http://stackoverflow.com/questions/37106121/jquery-file-upload-plugin-is-possible-to-preserve-the-structure-of-uploaded-fol，http：// stackoverflow。com/questions/33951243/onclick-of-anchor-download-document-in-same-window，https://github.com/GoogleChrome/chrome-app-samples/tree/master/samples/filesystem-access – guest271314

您不需要使用canvas作为解决方法，只需使用chrome.downloads API。

的步骤包括：

声明downloads和host permissions为permissions提交的manifest.json
在Background page/Event page，调用chrome.tabs.executeScript来获得图像的地址。

默认情况下，此方法在当前窗口的活动选项卡上执行，您可以显式设置要在其中运行脚本的选项卡的ID。
获取图像地址后，请致电chrome.downloads.download开始下载图像。

样品实施：

chrome.tabs.executeScript(null, { code: 'document.getElementsByTagName("img")[0].src' }, function (results) { 
    var address = results[0]; 
    console.log(address); 
    chrome.downloads.download({ 
     url: address, 
     filename: 'YOUR/FILE/PATH/HERE', 
    }); 
});

来源

2016-07-25 00:59:25

因此，如果我想通过ID而不是标记名称，我可以替代document.getElementById？ – BlakeAyrl

@BlakeAyrl，当然 –

从一个网站使用javascript下载图像客户端到硬盘驱动器

回答

相关问题