从后台请求blob，并修改文件名

最新推荐文章于 2024-08-08 15:53:24 发布

雷晓波

最新推荐文章于 2024-08-08 15:53:24 发布

阅读量3.1k

点赞数

分类专栏： JS_JAVAScript 文章标签： blob url js javascript

本文链接：https://blog.csdn.net/my_bo/article/details/118702096

版权

JS_JAVAScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 this.$axios({
     method: 'get',
     url: ``,
     responseType: 'blob',
     headers: {
         Authorization: 'Bearer ' + localStorage.TOKEN
     }
  }).then(res => {
     const dataInfo = res.data
     let content = res.headers['content-disposition'].split(';') // 从响应头中拿到文件名
     let fileName = content[1].split('=')[1] // 从响应头中拿到文件名
     let reader = new window.FileReader()
     reader.readAsArrayBuffer(dataInfo)
     reader.onload = e => {
        const result = e.target.result
        const contentType = dataInfo.type
        const blob = new Blob([result], { type: contentType })
        let file = new File([blob], fileName) // 通过blob创建文件，并设置文件名
     }
 })