Blob 对象 下载文件时 type 类型 大全,及下载方法封装

Blob 对象 下载文件时 type 类型 大全,及下载方法封装

参考文章1 - Blob 下载文件时 type 类型 大全 @派大星 1
参考文章2 - new Blob下载文件流，并根据文件后缀动态匹配blob的type @王新新 2255

注意： 获取文件流的接口，需要配置 responseType: 'blob',

示例代码

  onePageExport: (params) => {
    return post({
      url: `base/url/test`,
      responseType: 'blob',
      params
    })
  },
1
2
3
4
5
6
7

方法封装：

 fileHandle(data, fileName) {
      let blob = new Blob([data], { type: 'application/pdf' })
      let url = window.URL.createObjectURL(blob)
      const link = document.createElement('a') // 创建a标签
      link.href = url
      link.download = fileName // 重命名文件
      link.click()
      URL.revokeObjectURL(url) // 释放内存
    },

// 文件名称获取

let { headers } = res
let filename = headers['content-disposition']
filename = decodeURIComponent(filename.split(';')[1].split('=')[1])

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16