前端多个文件批量下载进行打包

最新推荐文章于 2024-10-10 07:34:16 发布

空白的时候

最新推荐文章于 2024-10-10 07:34:16 发布

阅读量1.4w

点赞数 2

本文链接：https://blog.csdn.net/qq_33188563/article/details/82903222

版权

本文介绍如何使用Vue.js实现前端多个文件的批量下载并打包，无需修改后端代码，通过JavaScript技术实现文件的合并与下载。

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

先上代码

	$('a[id^="budgetOneN"]').each(function() {
			$(this).click(function() {
				downZip($(this));//给每个a标签加事件
			});
			
		});
		const getFile = url => {
			  return new Promise((resolve, reject) => {
			  axios({
			   method:'get',
			   url,
			   responseType: 'arraybuffer'
			  }).then(data => {
			   resolve(data.data)
			  }).catch(error => {
			   reject(error.toString())
			  })
			  })
			 }
		function downZip(ele){
			 var array =new Array();
			    var arrayTwo =new Array();
		    	var url =$(ele).attr("value");//路径
		    	var name=$(ele).attr("date");//显示打包名称   
		    	alert(name);
		    	array = url.split(',');
			    for(var i =0;i<array.length;i++){
			    	arrayTwo[i] =array[i].substring(array[i].indexOf("&")+1);
			    }		 
			  handleBatchDownload(array,arrayTwo,