new Blob下载文件流，并根据文件后缀动态匹配blob的type

最新推荐文章于 2024-07-17 16:30:43 发布

王新新2255

最新推荐文章于 2024-07-17 16:30:43 发布

阅读量1.4k

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/m0_60336681/article/details/130008714

版权

本文介绍如何在前端通过JavaScript处理后端返回的数据流进行文件下载，特别是利用Blob对象并根据文件后缀动态设定blob的MIME类型。

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

需求：后端返回数据流，前端进行下载。
1.定义js文件，包含所有的blobType

export const blobType = {
  xls: 'application/vnd.ms-excel',
  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
  csv: 'text/csv',
  doc: 'application/msword',
  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
  pdf: 'application/pdf',
  ppt: 'application/vnd.ms-powerpoint',
  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
  png: 'image/png',
  gif: 'image/gif',
  jpeg: 'image/jpeg',
  jpg: 'image/jpeg',
  mp3: 'audio/mpeg',
  aac: 'audio/aac',
  html: 'text/html',
  css: 'text/css',
  js: 'text/javascript',
  json: 'application/json',
  abw: 'application/x-abiword',
  arc: 'application/x-freearc',
  avi: 'video/x-msvideo',
  azw: 'a