用JavaScript下载图片

64次阅读

共计 626 个字符，预计需要花费 2 分钟才能阅读完成。

可以使用 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 对象的内存。

丸趣 TV 网 – 提供最优质的资源集合！

正文完