文件上传和下载

上传文件

下载文件

一、有文件的静态链接地址

二、通过接口返回文件数据下载
1、以blob类型返回

axios({
	method: "get",
	url:'https://xxx/download',
	responseType: "blob",
	headers: {
	"Content-Type": "application/json",
	token:'test-token'
	},
})
.then((res) => {
	console.log(res);
	if (200 == res.status && res.data && res.data instanceof Blob) {
		let docType = res.headers["content-type"];
		let blob = new Blob([res.data], { type: docType });
		//在本地的时候'content-disposition'，但是生产或其他环境就是'Content-Disposition'
		let contentDis =
		res.headers["Content-Disposition"] ||
		res.headers["content-disposition"];
		let fileName = contentDis.split("filename=")[1];
		const elink = document.createElement("a");
		elink.download = window.decodeURI(fileName);
		elink.style.display = "none";
		elink.href = URL.createObjectURL(blob);
		document.body.appendChild(elink);
		elink.click();
		URL.revokeObjectURL(elink.href); // 释放URL 对象
		document.body.removeChild(elink);
	} else {
		console.error("downloadFile errors!");
	}
})
.catch(() => {
	console.error("downloadFile errors!");
});

其他方式参考：js实现文件下载有很多种方式，本文主要介绍7种。