vue 通过url 点击下载 图片或PDF

IssunRadianceIP属地: 北京
0.142字数 98

如果链接是一个 表格 或者 压缩包等,
这时使用 window.open(url), 可以直接打开新窗口,将文件下载致本地

但是当链接为 PDF 或者 图片的时候,使用window.open(), 就会变成预览效果,不会自动下载。

这时如果我们想点击 直接下载
使用以下方法:

<el-link type="primary" @click="downloadImg('https://test-pic.tsingglobal.com/PN2MVj1wgbeA7m1r', '下载的图片名称')">下载</el-link>
downloadImg(url, fileName) {
  const x = new window.XMLHttpRequest();
  x.open('GET', url, true);
  x.responseType = 'blob';
  x.onload = () => {
    const url = window.URL.createObjectURL(x.response);
    const a = document.createElement('a');
    a.href = url;
    a.download = fileName;
    a.click();
  };
  x.send();
},
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
1人点赞
IssunRadiance心有猛虎,细嗅蔷薇
总资产2共写了9292字获得19个赞共7个粉丝

推荐阅读更多精彩内容