序

Blob 二进制进行文件下载功能（后台返回文件流下载导出函数封装、调用示例），涉及不同后缀名的文件，这里整理此篇

//  type 表示默认保存类型为图片png格式
window.URL.createObjectURL(new Blob([res], {type : 'image/png'}))

Blob 的配置关系对应表：

后缀名	文件类型	类型（type）
.xls	Microsoft Excel	application/vnd.ms-excel
.xlsx	Microsoft Excel (OpenXML)	application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
.csv	CSV	text/csv
.doc	Microsoft Word	application/msword
.docx	Microsoft Word (OpenXML)	application/vnd.openxmlformats-officedocument.wordprocessingml.document
.pdf	PDF	application/pdf
.ppt	Microsoft PowerPoint	application/vnd.ms-powerpoint
.pptx	Microsoft PowerPoint (OpenXML)	application/vnd.openxmlformats-officedocument.presentationml.presentation
.png	便携式网络图形（PNG）	image/png
.gif	GIF	image/gif
.jpeg	JPEG 图片	image/jpeg
.jpg	JPEG 图片	image/jpeg
.mp3	MP3 音频	audio/mpeg
.aac	AAC 音频	audio/aac
.html	超文本标记语言 (HTML)	text/html
.css	CSS	text/css
.js	JavaScript	text/javascript
.json	JSON 格式	application/json
.abw	AbiWord 文档	application/x-abiword
.arc	存档文档(多个文件嵌入)	application/x-freearc
.avi	AVI: 音频视频交错	video/x-msvideo
.azw	亚马逊Kindle电子书格式	application/vnd.amazon.ebook
.bin	任何类型的二进制数据	application/octet-stream
.bmp	Windows OS/2位图图形	image/bmp
.bz	BZip 存档	application/x-bzip
.bz2	BZip2 存档	application/x-bzip2
.csh	C-Shell 脚本	application/x-csh
.eot	MS嵌入式OpenType字体	application/vnd.ms-fontobject
.epub	电子出版物(EPUB)	application/epub+zip
.htm	超文本标记语言 (HTML)	text/html
.ico	Icon 格式	image/vnd.microsoft.icon
.ics	iCalendar 格式	text/calendar
.jar	Java Archive (JAR)	application/java-archive
.jsonld	JSON-LD 格式	application/ld+json
.mid	乐器数字接口(MIDI)	audio/midi audio/x-midi
.midi	乐器数字接口(MIDI)	audio/midi audio/x-midi
.mjs	JavaScript 模块	text/javascript
.mpeg	MPEG 视频	video/mpeg
.mpkg	苹果安装程序包	application/vnd.apple.installer+xml
.odp	OpenDocument演示文档	application/vnd.oasis.opendocument.presentation
.ods	OpenDocument 电子表格文件	application/vnd.oasis.opendocument.spreadsheet
.odt	OpenDocument 文本文档	application/vnd.oasis.opendocument.text
.oga	OGG 音频	audio/ogg
.ogv	OGG 视频	video/ogg
.ogx	OGG	application/ogg
.otf	OpenType 字体	font/otf
.rar	RAR 存档	application/x-rar-compressed
.rtf	富文本格式 (RTF)	application/rtf
.sh	Bourne shell 脚本	application/x-sh
.svg	可缩放矢量图形 (SVG)	image/svg+xml
.swf	小型web格式 (SWF) or Adobe Flash document	application/x-shockwave-flash
.tar	Tape 归档(TAR)	application/x-tar
.tif	标记图像文件格式 (TIFF)	image/tiff
.tiff	Tagged Image File Format (TIFF)	image/tiff
.ttf	rueType 字体	font/ttf
.txt	Text	text/plain
.vsd	Microsoft Visio	application/vnd.visio
.wav	波形音频格式	audio/wav
.weba	WEBM 音频	audio/webm
.webm	EBM 视频	video/webm
.webp	WEBP 图片	image/webp
.woff	网页开放字体格式 (WOFF)	font/woff
.woff2	网页开放字体格式 (WOFF)	font/woff2
.xhtml	XHTML	application/xhtml+xml
.xml	XML	application/xml（普通用户不可读）、text/xml（普通用户可读）
.xul	XUL	application/vnd.mozilla.xul+xml
.zip	ZIP	application/zip
.3gp	3GPP audio/video 容器	video/3gpp、audio/3gpp（不含视频）
.3g2	3GPP2 audio/video 容器	video/3gpp2、audio/3gpp2（不含视频）
.7z	7-zip	application/x-7z-compressed

了解更多文档

Blob 下载类型 type 大全相关推荐

element-ui实现下载动态进度条，可实现批量下载，附Blob文件类型对照表
element-ui实现下载动态进度条,可实现批量下载,附Blob文件类型对照表 ①页面结构使用element-ui的进度条组件,示例为圆形,具体样式根据需求确定 <el-button>下 ...
Blob的所有Type类型
文件后缀名类型 type aac AAC audio audio/aac .abw AbiWord document application/x-abiword .arc Archive docum ...
vue 文件转换二进制_Vue利用Blob下载原生二进制数组文件
本文实例为大家分享了Vue利用Blob下载原生二进制数组文件的具体代码,供大家参考,具体内容如下在服务端推送过来的二进制数组(JSON格式),在前端要处理成JS原生数组以后才能做成Blob,有两个地 ...
[JS进阶] JS 之Blob 对象类型
什么是Blob? Blob 是什么? 这里说的是一种Javascript的对象类型. oracle 中也有类似的栏位类型. 在 [JS进阶] HTML5 之文件操作(file) 这一篇中用到了File ...
vue使用blob下载文件
//封装好的api export function downFile(url, parameter) {return axios({url: url,params: parameter,method: ...
前端blob下载文件
在一个项目中, 需要下载excel, pdf, word, zip等数据模板, 而后端返回的是一个文件流, 前端就需要使用blob来下载 1.首先要在接口中添加 responseType: 'blob ...
blob下载excel
解决后端文件流到前端乱码情况 /** baseUrl :你的基础地址,这里一般都会做跨域代理,如果做了跨域代理就是的代理后的地址,如果没有可以直接粘贴基础地址 + 后面为接口加参数 new Blob( ...
html无序列表透明圆点,html无序列表的类型type
[实例介绍] 无序列表的类型type 默认情况下,无序列表的项目符号是●,type属性规定列表的项目符号的类型,避免列表符号的单调. [基本语法] 列表项列表项列表项 ··· [语法介绍] 在该语 ...
html中有序列表的type,html有序列表的类型type
[实例介绍] html有序列表的类型type 在有序列表的默认情况下,使用数字序号作为列表的开始,可以通过type属性将有序列表的类型设置为英文或罗马字母. [基本语法] 列表项列表项列表项 ·· ...

Blob 下载类型 type 大全

序

Blob 下载类型 type 大全相关推荐

最新文章

热门文章