vue3实现文件下载功能

会飞的鱼—

已于 2023-06-05 16:59:48 修改

阅读量2.9k

点赞数 1

文章标签： vue.js javascript 前端

于 2023-04-17 16:55:21 首次发布

本文链接：https://blog.csdn.net/qq_47657875/article/details/130204023

版权

function frontDownload(fileUrl,fileName) {
  // 发送Ajax请求获取文件二进制数据
  axios({
          url: '/file/download?fileUrl=' + fileUrl,
          method: 'GET',
          responseType: 'blob',
          data: {}
        }).then((response) => {
            //此处返回的blob对象
          var fileURL = window.URL.createObjectURL(new Blob([response]));
          console.log(fileURL, 'fileURL')
          var fileLink = document.createElement('a');
          fileLink.href = fileURL;
          fileLink.setAttribute('download',fileName);
          document.body.appendChild(fileLink);
          fileLink.click();
        });
}