js下载图片

最新推荐文章于 2024-06-03 14:11:50 发布

一樊风顺！

最新推荐文章于 2024-06-03 14:11:50 发布

阅读量517

点赞数

分类专栏： JS 开发经验文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_42161050/article/details/122928046

版权

JS 同时被 2 个专栏收录

15 篇文章 1 订阅

订阅专栏

开发经验

12 篇文章 0 订阅

订阅专栏

js下载图片

兼容a标签在有的浏览器是打开图片不是下载

<a onClick={() => this.downloadImg(record)} style={{ marginRight: 8 }}>下载</a>

   // 下载图片
  downloadImg = ({ pic, name }) => {
    const aDom = this.aDownLoadRef.current;
    fetch(pic).then((res) =>
      res.blob().then((blob) => {
        const url = window.URL.createObjectURL(blob);
        aDom.href = url;
        aDom.download = name;
        aDom.click();
        window.URL.revokeObjectURL(url);
      }),
    );
  };