Chrome 如何下载当前页面中的图像,而不需要打开新的标签页或更改当前窗口等与JavaScript

uplii1fm  于 2023-06-19  发布在  Go
关注(0)|答案(3)|浏览(197)

例如,在此页面中:https://www.monstermmorpg.com/
我想将此图像下载到给定的目标文件夹中

图像的url为

https://static.monstermmorpg.com/images/HowToPlayTheGame/Main-Game-Screen.webp

那么,什么样的功能,我可以使用在控制台窗口的 chrome ,将下载此图像时,这个页面是打开没有打开任何新的窗口标签,或改变当前窗口等
我的意思是控制台窗口的 chrome 在这里

不影响当前打开的窗口,不改变任何东西

41ik7eoe

41ik7eoe1#

据我所知,如果不打开另一个窗口或在页面上添加内容,你就无法下载它。您需要创建某种链接,然后模拟单击,但为此,您需要向当前页面添加内容(或使用链接创建新页面)。如果我说错了,请纠正我。

vaqhlq81

vaqhlq812#

我不确定这是否适用于你的用例。有一个download属性可用于<a>-标记。据我所知,它是为了指定下载的文件的名称。
所以它的意思是用来这样的东西

<a 
  href="https://example.com/some-file-with-an-ugly-name/as9872uj21a8d792uads32.pdf" 
  download="report.pdf"
>
  Download report
</a>

但似乎有些浏览器也会将具有download属性的链接视为download-links而不是实际链接,因此您可以通过将download属性放在<a>-标签上来解决此问题,如:

<a href="<some-url>" download>Download image</a>
klh5stk1

klh5stk13#

取决于...什么样的用户手势适合启动这样的图像下载?
在这个例子中我将使用右键单击…

function DownloadImage(Src){

let A=document.createElement('A'); 

A.target='_blank'; A.href=Src; 

A.download='someimage'; A.click();

}

在你的HTML中,你需要添加一个oncontextmenu参数来在用户右键点击图片时启动函数,就像这样……

<img src="https://static.monstermmorpg.com/images/HowToPlayTheGame/Main-Game-Screen.webp" oncontextmenu="DownloadImage(this.src);" width="500" height="600">

PS:来自塞浦路斯邻居的问候:)
顺便说一句,看到你是C/C++的Maven,我也需要一些帮助,所以我很乐意在所有的事情上帮助你,如果你能用C来回报的话。写信给我support@theclassictools.com

相关问题