用JavaScript下载图片

   2025-02-20 5230
核心提示:可以使用JavaScript的fetch和Blob对象来下载图片。下面是一个例子:function downloadImage(url, filename) {fetch(url).then(re

可以使用JavaScript的fetchBlob对象来下载图片。下面是一个例子:

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对象的内存。

 
 
更多>同类维修知识
推荐图文
推荐维修知识
点击排行
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  网站留言