21xrx.com
2025-07-12 03:12:23 Saturday
登录
文章检索 我的文章 写文章
JavaScript如何保存网页中的图片
2023-06-16 17:00:30 深夜i     24     0
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事件上,当用户点击图片时,即可调用下载函数。

  
  

评论区

    相似文章