点击链接直接下载附件（包括pdf、jpg、png等浏览器本身能直接预览的文件类型）

最新推荐文章于 2024-07-07 13:08:18 发布

CynthiaMyh

最新推荐文章于 2024-07-07 13:08:18 发布

阅读量518

点赞数 9

文章标签： javascript vue

本文链接：https://blog.csdn.net/CynthiaMyh/article/details/136316546

版权

如图，实现类似这样的点击直接下载附件。给按钮绑定@click="handleDownload(fileUrl, fileName)"

    /**
     * @description 下载
     * @param {String} fileUrl 附件地址
     * @param {String} fileName 附件名称
     */
    handleDownload(fileUrl = '', fileName = '默认文件名称') {
      // 点击直接下载
      var a = document.createElement('a')
      fetch(fileUrl)
        .then(res => res.blob())
        .then(blob => {
          a.href = URL.createObjectURL(blob)
          a.download = fileName
          document.body.appendChild(a)
          a.click()
          document.body.removeChild(a)
        })
    },