解决vue中下载所有格式的文件

最新推荐文章于 2023-10-11 15:16:37 发布

superLucky.

最新推荐文章于 2023-10-11 15:16:37 发布

阅读量732

点赞数 4

文章标签： vue javascript

本文链接：https://blog.csdn.net/ylucky007/article/details/123983312

版权

之前写的一值没来得及整理现在分享一下

vue下载所有格式的文件需要先安装downloadjs插件。
downloadjs官网：https://github.com/rndme/download


//下载插件
npm install downloadjs
//vue引入
import download from 'downloadjs';

// 下载方法  row为后台返回的url地址
Download(row) {
		let fileName = row.name.lastIndexOf(".");//取到文件名开始到最后一个点的长度
		let fileNameLength = row.name.length;//取到文件名长度
		let fileFormat = row.name.substring(fileName + 1, fileNameLength);//截取文件的后缀名。
		if(fileFormat=='xls'||fileFormat=='xlsx'){
			let link = document.createElement("a");
			link.style.display = "none";
			link.href = row.url;
			link.setAttribute("download", row.name);
			document.body.appendChild(link);
			link.click();
			document.body.removeChild(link); // 下载完成移除元素
		}else{
			download(row.url)
		}
	},