vue下载流文件

最新推荐文章于 2024-07-09 14:00:00 发布

MrZ120

最新推荐文章于 2024-07-09 14:00:00 发布

阅读量418

点赞数 5

分类专栏：前端文章标签： vue.js

本文链接：https://blog.csdn.net/MrZ120/article/details/112671464

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了在JavaScript中如何使用axios库下载流文件，特别是处理PDF时需要将responseType设置为'arraybuffer'。同时，详细列出了各种Microsoft Office文件的正确MIME类型，确保HTTP内容流的正确解析。通过创建Blob对象并利用a标签实现文件下载，文章提供了完整的代码示例。

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

下载流文件时，方法要设置返回格式responseType:‘arraybuffer’ ，否则下载会报错"xml 解析错误:格式不佳位置:* 行 1,列 9:"

js文件定义方法

//定义请求方法
export function downloadPDF(id) {
  return request({
    url: '/url' ,
    responseType:'arraybuffer',
    method: 'get'
  })
}

*.vue文件调用方法，实现下载

export default {
	data() {
	    return {
	    }
	 },
	 methods: {
		 //定义下载方法
	 	downloadPDFFile(){
	 		let id="";
			downloadPDF(id).then(res => {
					let fileName="文件名"；
					let fileType="pdf";//文件类型，excel：vnd.ms-excel
					let blob = new Blob([res], {type: 'application/${fileType};charset=utf-8'});
					let downloadElement = document.createElement('a');
					let href = window.URL.createObjectURL(blob);
					downloadElement.href = href;
					downloadElement.download = fileName;
					document.body.appendChild(downloadElement);
					downloadElement.click();
					document.body.removeChild(downloadElement);
					window.URL.revokeObjectURL(href);
			});
		}
	 }
}

**各种文件格式：**

For BIFF .xls files

application/vnd.ms-excel

For Excel2007 and above .xlsx files

application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

Here are the correct Microsoft Office MIME types for HTTP Content Streaming:

Extension MIME Type
.doc      application/msword
.dot      application/msword

.docx     application/vnd.openxmlformats-officedocument.wordprocessingml.document
.dotx     application/vnd.openxmlformats-officedocument.wordprocessingml.template
.docm     application/vnd.ms-word.document.macroEnabled.12
.dotm     application/vnd.ms-word.template.macroEnabled.12

.xls      application/vnd.ms-excel
.xlt      application/vnd.ms-excel
.xla      application/vnd.ms-excel

.xlsx     application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
.xltx     application/vnd.openxmlformats-officedocument.spreadsheetml.template
.xlsm     application/vnd.ms-excel.sheet.macroEnabled.12
.xltm     application/vnd.ms-excel.template.macroEnabled.12
.xlam     application/vnd.ms-excel.addin.macroEnabled.12
.xlsb     application/vnd.ms-excel.sheet.binary.macroEnabled.12

.ppt      application/vnd.ms-powerpoint
.pot      application/vnd.ms-powerpoint
.pps      application/vnd.ms-powerpoint
.ppa      application/vnd.ms-powerpoint

.pptx     application/vnd.openxmlformats-officedocument.presentationml.presentation
.potx     application/vnd.openxmlformats-officedocument.presentationml.template
.ppsx     application/vnd.openxmlformats-officedocument.presentationml.slideshow
.ppam     application/vnd.ms-powerpoint.addin.macroEnabled.12
.pptm     application/vnd.ms-powerpoint.presentation.macroEnabled.12
.potm     application/vnd.ms-powerpoint.template.macroEnabled.12
.ppsm     application/vnd.ms-powerpoint.slideshow.macroEnabled.12

.mdb      application/vnd.ms-access