js下载图片

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);
      }),
    );
  };