VUE下载附件

最新推荐文章于 2024-05-29 16:41:00 发布

jccccccc@

最新推荐文章于 2024-05-29 16:41:00 发布

阅读量390

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44771582/article/details/127407434

版权

export function downloadAttachApi(resource){
  return request({
      url: '/common/haihong/download?fileUrl='+resource,
      method: 'get',
      responseType:'blob'    // 重要
    })

}

    // 下载
    handleAttachDownload(row) {
      downloadAttachApi(row.fileUrl).then(res=>{
        console.log(res)
        let blob = new Blob([res], {type: res.type})
        const fileName = 'ProductTemplateCopy.zip';
        let downloadElement = document.createElement('a')
        let href = window.URL.createObjectURL(blob); //创建下载的链接
        downloadElement.href = href;
        downloadElement.download = fileName; //下载后文件名
        document.body.appendChild(downloadElement);
        downloadElement.click(); //点击下载
        document.body.removeChild(downloadElement); //下载完成移除元素
        window.URL.revokeObjectURL(href); //释放blob
      })
    },