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

最新推荐文章于 2025-02-27 15:41:58 发布

i小杨

最新推荐文章于 2025-02-27 15:41:58 发布

阅读量1.7k

点赞数 3

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/i_Satan/article/details/132898678

版权

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
    })
  },

方法封装：

 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])

`aac`	AAC audio	`audio/aac`
`.abw`	AbiWord document	`application/x-abiword`
`.arc`	Archive document (multiple files embedded)	`application/x-freearc`
`.avi`	AVI: Audio Video Interleave	`video/x-msvideo`
`.azw`	Amazon Kindle eBook format	`application/vnd.amazon.ebook`
`.bin`	Any kind of binary data	`application/octet-stream`
`.bmp`	Windows OS/2 Bitmap Graphics	`image/bmp`
`.bz`	BZip archive	`application/x-bzip`
`.bz2`	BZip2 archive	`application/x-bzip2`
`.csh`	C-Shell script	`application/x-csh`
`.css`	Cascading Style Sheets (CSS)	`text/css`
`.csv`	Comma-separated values (CSV)	`text/csv`
`.doc`	Microsoft Word	`application/msword`
`.docx`	Microsoft Word (OpenXML)	`application/vnd.openxmlformats-officedocument.wordprocessingml.document`
`.eot`	MS Embedded OpenType fonts	`application/vnd.ms-fontobject`
`.epub`	Electronic publication (EPUB)	`application/epub+zip`
`.gif`	Graphics Interchange Format (GIF)	`image/gif`
`.htm.html`	HyperText Markup Language (HTML)	`text/html`
`.ico`	Icon format	`image/vnd.microsoft.icon`
`.ics`	iCalendar format	`text/calendar`
`.jar`	Java Archive (JAR)	`application/java-archive`
`.jpeg` `.jpg`	JPEG images	`image/jpeg`
`.js`	JavaScript	`text/javascript`
`.json`	JSON format	`application/json`
`.jsonld`	JSON-LD format	`application/ld+json`
`.mid` `.midi`	Musical Instrument Digital Interface (MIDI)	`audio/midi` `audio/x-midi`
`.mjs`	JavaScript module	`text/javascript`
`.mp3`	MP3 audio	`audio/mpeg`
`.mpeg`	MPEG Video	`video/mpeg`
`.mpkg`	Apple Installer Package	`application/vnd.apple.installer+xml`
`.odp`	OpenDocument presentation document	`application/vnd.oasis.opendocument.presentation`
`.ods`	OpenDocument spreadsheet document	`application/vnd.oasis.opendocument.spreadsheet`
`.odt`	OpenDocument text document	`application/vnd.oasis.opendocument.text`
`.oga`	OGG audio	`audio/ogg`
`.ogv`	OGG video	`video/ogg`
`.ogx`	OGG	`application/ogg`
`.otf`	OpenType font	`font/otf`
`.png`	Portable Network Graphics	`image/png`
`.pdf`	Adobe Portable Document Format (PDF)	`application/pdf`
`.ppt`	Microsoft PowerPoint	`application/vnd.ms-powerpoint`
`.pptx`	Microsoft PowerPoint (OpenXML)	`application/vnd.openxmlformats-officedocument.presentationml.presentation`
`.rar`	RAR archive	`application/x-rar-compressed`
`.rtf`	Rich Text Format (RTF)	`application/rtf`
`.sh`	Bourne shell script	`application/x-sh`
`.svg`	Scalable Vector Graphics (SVG)	`image/svg+xml`
`.swf`	Small web format (SWF) or Adobe Flash document	`application/x-shockwave-flash`
`.tar`	Tape Archive (TAR)	`application/x-tar`
`.tif.tiff`	Tagged Image File Format (TIFF)	`image/tiff`
`.ttf`	TrueType Font	`font/ttf`
`.txt`	Text, (generally ASCII or ISO 8859-n)	`text/plain`
`.vsd`	Microsoft Visio	`application/vnd.visio`
`.wav`	Waveform Audio Format	`audio/wav`
`.weba`	WEBM audio	`audio/webm`
`.webm`	WEBM video	`video/webm`
`.webp`	WEBP image	`image/webp`
`.woff`	Web Open Font Format (WOFF)	`font/woff`
`.woff2`	Web Open Font Format (WOFF)	`font/woff2`
`.xhtml`	XHTML	`application/xhtml+xml`
`.xls`	Microsoft Excel	`application/vnd.ms-excel`
`.xlsx`	Microsoft Excel (OpenXML)	`application/vnd.openxmlformats-officedocument.spreadsheetml.sheet`
`.xml`	`XML`	`application/xml` 代码对普通用户来说不可读 (RFC 3023, section 3) `text/xml` 代码对普通用户来说可读 (RFC 3023, section 3)
`.xul`	XUL	`application/vnd.mozilla.xul+xml`
`.zip`	ZIP archive	`application/zip`
`.3gp`	3GPP audio/video container	`video/3gpp` `audio/3gpp`（若不含视频）
`.3g2`	3GPP2 audio/video container	`video/3gpp2` `audio/3gpp2`（若不含视频）
`.7z`	7-zip archive	`application/x-7z-compressed`