从img标签获取源图像文件

Question

我有一个img标记src="www.example.com/pic1.jpeg"。 图像文件已完全加载。 现在我要保存图像文件。

我可以使用src属性中的链接下载它。但我想在没有互联网的情况下保存图像。

我打开了DevTools，我能够在Sources选项卡中找到图像文件 - ＆gt;网络窗格。 但是，如果没有互联网，我无法保存它。

我使用Chrome Canary Browser和Mac OS。

Answer 1

当您在网络标签上单击它时，您将看到预览，右键单击它然后保存...

编辑：

我试过这个并且它有效：ctrl + s保存页面，它将保存为html，另一个具有相同名称的文件夹包含该页面的所有内容，包括图片。

Answer 2

在控制台中尝试此操作

var linkElement = document.createElement('a');
try{
    url = "www.example.com/pic1.jpeg";
    linkElement.setAttribute('href', url);
    linkElement.setAttribute("download", ');
    var clickEvent = new MouseEvent("click", {
        "view": window,
        "bubbles": true,
        "cancelable": false
    });
    linkElement.dispatchEvent(clickEvent);          
}
catch (ex){  
    console.log(ex)
}