用JavaScript下载图片-开发者知识库平台

用JavaScript下载图片

Java

735

2023/10/4 8:44:30

栏目: 编程语言

可以使用JavaScript的fetch和Blob对象来下载图片。下面是一个例子：

function downloadImage(url, filename) {
fetch(url)
.then(response => response.blob())
.then(blob => {
// 创建一个a标签
const a = document.createElement('a');
a.href = window.URL.createObjectURL(blob);
a.download = filename;
// 模拟点击下载
a.click();
// 清除URL对象
window.URL.revokeObjectURL(a.href);
});
}
// 调用downloadImage函数
downloadImage('https://example.com/image.jpg', 'image.jpg');

这个例子中，downloadImage函数接收两个参数：图片的URL和下载后的文件名。它使用fetch来获取图片的响应，然后使用blob方法将响应转换为Blob对象。接下来，使用createObjectURL方法将Blob对象转换为URL，然后将URL赋值给a标签的href属性。同时，为了让浏览器弹出下载对话框，将文件名赋值给a标签的download属性。最后，模拟点击a标签来触发下载动作，并调用revokeObjectURL方法来释放URL对象的内存。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

用JavaScript下载图片

最新知识库

相关标签