前端下载图片

最新推荐文章于 2024-06-10 10:39:20 发布

御剑飞花月

最新推荐文章于 2024-06-10 10:39:20 发布

阅读量277

点赞数 1

分类专栏： vue知识点前端js 文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/yuanbotao219/article/details/128576615

版权

vue知识点同时被 2 个专栏收录

12 篇文章

订阅专栏

前端js

9 篇文章

订阅专栏

let x = new XMLHttpRequest();
 // 禁止浏览器缓存；否则会报跨域的错误
 // imageUrl：下载图片的地址  fileName：图片名称
 x.open("GET", imageUrl + '?t=' + new Date().getTime(), true);
 x.responseType = 'blob';
 x.onload = () => {
     let url = window.URL.createObjectURL(x.response)
     let a = document.createElement('a');
     a.href = url;
     a.download = fileName;
     a.click();
 }
 x.send();