流文件下载常见问题

最新推荐文章于 2024-06-10 21:49:25 发布

射手男很懒

最新推荐文章于 2024-06-10 21:49:25 发布

阅读量167

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_36247432/article/details/136480437

版权

文章介绍了如何在处理流文件下载时，正确解析接口返回的错误信息，并提取后端定义的文件名，以解决下载过程中遇到的报错问题。

摘要由CSDN通过智能技术生成

解决流文件下载中，接口报错无法提取错误信息

解决流文件无法提取后端定义的文件名

//下载流文件
export const downloadBlob = (response: any, downloadName: string) => {
  if (!response || !response.data) {
    return
  }
  //提取接口中的错误信息
  if (response.data.type === 'application/json') {
    const fileReader: any = new FileReader()
    fileReader.readAsText(response.data, 'utf-8')
    fileReader.onload = function () {
      console.log(fileReader)
      const result = JSON.parse(fileReader.result)
      ElMessage.error(result.message);
    }
    return
  }
  let url = window.URL.createObjectURL(new Blob([response.data]));
  const encodeFileName = response.headers['content-disposition'].split(';')[1].split('=')[1];
  //获取后端接口返回的文件名
  const fileName = decodeURIComponent(encodeFileName);
  let link = document.createElement('a')
  link.style.display = 'none'
  link.href = url
  link.setAttribute('download', downloadName || fileName)    // downloadName自定义下载文件名（如exemple.txt）
  document.body.appendChild(link)
  link.click()
};