21xrx.com
2024-09-20 00:50:46 Friday
登录
文章检索 我的文章 写文章
JavaScript如何保存网页中的图片
2023-06-16 17:00:30 深夜i     --     --
JavaScript 保存网页图片 下载图片

在网页开发中,有时候需要将网页中的图片保存到本地或者其他地方。虽然浏览器已经提供了下载图片的功能,但是我们也可以用JavaScript来实现保存网页中图片的功能。

代码示例:


function downloadImg(imgSrc) {

 const downloadLink = document.createElement("a");

 downloadLink.href = imgSrc;

 downloadLink.download = "download";

 downloadLink.style.display = "none";

 const body = document.getElementsByTagName("body")[0];

 body.appendChild(downloadLink);

 downloadLink.click();

 body.removeChild(downloadLink);

}

上述代码通过创建一个a标签来实现图片下载功能。将图片的URL作为链接地址,将download属性设置为"download",则浏览器会自动下载图片文件。最后将a标签添加到body中并模拟点击触发下载操作,下载完成后再将a标签从body中删除。

使用该函数的示例:


将该函数绑定到img标签的onclick事件上,当用户点击图片时,即可调用下载函数。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复
    相似文章