vue3.0+TS 实现点击下载直接下载pdf文件,而不是预览。

在这里插入图片描述


    //下载
    function downflie(item:any){  //item.attachments是附件。
      let arr=item.attachments[0].url.split('/reactor/data/')
      axios({
        url:process.env.VUE_APP_UPLOAD_HOST+arr[1],
        method:'get',
        responseType: 'blob',
      }).then((res:any)=>{
        if(res.data.size > 0){
          const content = res.data
          const blob = new Blob([content])
          const fileName = `${arr[1]}.pdf`
            if ('download' in document.createElement('a')) { // 非IE下载
              const elink = document.createElement('a')
              elink.download = fileName
              elink.style.display = 'none'
              elink.href = URL.createObjectURL(blob)
              document.body.appendChild(elink)
              elink.click()
              URL.revokeObjectURL(elink.href) // 释放URL 对象
              document.body.removeChild(elink)
            } 
            // else { // IE10+下载
            //   navigator.msSaveBlob(blob, fileName)
            // }
          }
      })
    }
Logo

前往低代码交流专区

更多推荐