前端根据链接完成附件或者图片的下载功能

77 阅读1分钟

1、在需要进行下载操作的地方绑定点击事件

注意:下面所写的examineDetailsData.attachment是具体的数据,要根据自己后端返回的数据来

<li>
    <span>附件:</span>
    <span class="link_btn" @click="upload(examineDetailsData.attachment)">{{ examineDetailsData.attachment.fileName }}</span>
</li>

2、点击事件下载方法

// 下载方法
    upload(item) { // item是包含文件或者图片链接的一个对象
      return fetch(item.url).then(res => {
        res.blob().then(blob => {
          let a = document.createElement('a')
          let url = window.URL.createObjectURL(blob)
          a.href = url
          a.download = item.fileName
          a.click()
          window.URL.revokeObjectURL(url)
        })
      })
    },