vue项目下载各种文件文件流方式（pdf，word，Excel……）

辉辉要奋斗

已于 2023-09-04 09:56:34 修改

阅读量1.7k

点赞数 1

文章标签： vue.js pdf word

于 2023-08-09 15:05:32 首次发布

本文链接：https://blog.csdn.net/qq_47498423/article/details/132188535

版权

在utils中新建index.js
在这里插入图片描述
写入下面代码

export function downloadFile(data, fileName, fileSuffix) {
//data是后端返回的文件流
	let fileTypeMime = '' // 文件 mime 类型，移动端必传，否则下载不成功；pc端可传可不传
	switch (fileSuffix) { // 获取后缀对应的 mime
		case 'png':
			fileTypeMime = 'image/png';
			break;
		case 'doc':
			fileTypeMime = 'application/msword';
			break;
		case 'docx':
			fileTypeMime = 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
			break;
		case 'jpg':
		case 'jpeg':
			fileTypeMime = 'image/jpeg';
			break;
		case 'gif':
			fileTypeMime = 'image/gif';
			break;
		case 'svg':
			fileTypeMime = 'image/svg+xml';
			break;
		case 'tif':
		case 'tiff':
			fileTypeMime = 'image/tiff';
			break;
		case 'txt':
			fileTypeMime = 'text/plain';
			break;
		case 'ppt':
			fileTypeMime = 'application/vnd.ms-powerpoint';
			break;
		case 'pptx':
			fileTypeMime = 'application/vnd.openxmlformats-officedocument.presentationml.presentation';
			break;
		case 'xls':
			fileTypeMime = 'application/vnd.ms-excel';
			break;
		case 'xlsx':
			fileTypeMime = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
			break;
		case 'zip':
			fileTypeMime = 'application/zip';
			break;
		case '7z':
			fileTypeMime = 'application/x-7z-compressed';
			break;
	}