alasql下载xlsx文件、

最新推荐文章于 2024-10-10 16:47:39 发布

切儿

最新推荐文章于 2024-10-10 16:47:39 发布

阅读量613

点赞数

分类专栏：文件下载解析 web 文章标签： jquery html5

本文链接：https://blog.csdn.net/kangmingyaner/article/details/107400727

版权

web 同时被 2 个专栏收录

33 篇文章 1 订阅

订阅专栏

文件下载解析

1 篇文章 0 订阅

订阅专栏

引入的依赖：

alasql 下载文件、FileReader解析文件。下面直接代码：

（所依赖的包的下载可在我的资源文件中下载文件）

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

		<script type="text/javascript" src="https://blog-static.cnblogs.com/files/bertha-zm/xlsx.core.min.js"></script>
		<script type="text/javascript" src="https://blog-static.cnblogs.com/files/bertha-zm/alasql.min.js"></script>
	</head>

	<body>
	
		<div>
			<button type="button" class="btn" onclick="download()">下载模板</button>
			
			<div style="margin-top: 100px;">
				<input type="file" onchange="xlsxUpload(this)" />
				<div id="demo"></div>
			</div>

		</div>
		<script>
			function download (){
				var arr = [];
				arr.push({
			        '名称': "张三",
			        '河道': 123,
			      })
				if(arr.length < 1){
			      alert('暂无数据，导出失败！');
			    }else{
			      alasql.promise('SELECT * INTO XLSX("列表'+'.xlsx", {headers:true}) FROM ?',[arr])
			        .then(function (data) {
			          if(data == 1){
			            $timeout(function(){
			              alert('数据导出成功！')
			            })
			          }
			        })
			    }
				
			}
			
			
		    var xlsxData;//读取完成的数据
    		var rABS = true; //是否将文件读取为二进制字符串
			function xlsxUpload(obj) {
 				var file = obj.files[0];
 				const index = obj.name.lastIndexOf(".");
			    if (index !== -1) {
			      const ext = obj.name.substr(index+1).toLowerCase();
			      if (ext !==  'xls' && ext !==  'xlsx') {
			        alert('只能上传.xlsx、.xls文件');
			        return;
			      }
			    } else {
			      alert('只能上传.xlsx、.xls文件');
			      return;
			    }
			    if (obj === null) {
			      alert("请上传文件!");
			      return;
			    }
    			var reader = new FileReader();
    			reader.onload = function(e) {
		            var data = e.target.result;
		            if(rABS) {
		                xlsxData = XLSX.read(btoa(fixData(data)), {//手动转化
		                    type: 'base64'
		                });
		            } else {
		                xlsxData = XLSX.read(data, {
		                    type: 'binary'
		                });
		            }
		            // xlsxData.SheetNames[0]是获取Sheets中第一个Sheet的名字
	            	// xlsxData.Sheets[Sheet名]获取第一个Sheet的数据
	            	var obj = XLSX.utils.sheet_to_json(xlsxData.Sheets[xlsxData.SheetNames[0]]);// 拿到表格对象。默认表格第一行是字段，从第二行开始是数据
	            	document.getElementById("demo").innerHTML= JSON.stringify( obj );// 输出

    			};
    			if(rABS) {
		            reader.readAsArrayBuffer(file);
		        } else {
		            reader.readAsBinaryString(file);
		        }
		     }
			/**
		     * 文件流转BinaryString
		     * @param data
		     * @returns {string}
		     */
		    function fixData(data) {
		        var o = "";
		        var l = 0;
		        var w = 10240;
		        for(; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)));
		        o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)));
		        return o;
		    }
		</script>

	</body>

</html>