前端借助js-xlsx读写excel

一.SheetJS 简介:

     官网简介:简化电子表格,读取,编辑和导出电子表格,可在网络浏览器和服务器中使用,支持没中excel文件格式,

                       xlsx.full.min.js 是SheetJS的开源社区版本,所以说SheetJS也是有专业版和社区版本之分的

        地址: https://sheetjs.com/  下载社区版本的就可以了。
 

     个人理解:SheetJS 是国外的组织写的一个读写excel的插件,挺强大的

二.xlsx.full.min.js 读取Excel用例(更多例子请看官方,比较详细的)

   1.下载完成后 找到里面 的 xlsx.full.min.js文件,放在你的项目中

   2. 引用js  

<input id="input-id" name="files" filePlural="文件"  type="file" data-show-caption="true" accept=".xls,.xlsx"/>
<script type="text/javascript" src="/common/js/js-xlsx/xlsx.core.min.js"></script>
  3.读取数据
 getexcelData=[];   
 $('#input-id').change(function(e) {
    	  var files = e.target.files;
    	  var fileReader = new FileReader();
    	  fileReader.onload = function(event) {
              var data = event.target.result;
              var workbook = XLSX.read(data, {type: 'binary'});
              outputWorkbook(workbook)
    	  fileReader.readAsBinaryString(files[0]);	
        
    });

   // 读取excel文件
    function outputWorkbook(workbook) {
        var sheetNames = workbook.SheetNames; // 工作表名称集合
        sheetNames.forEach(name => {
            var worksheet = workbook.Sheets[name]; // 只能通过工作表名称来获取指定工作表
            for(var key in worksheet) {
                // v是读取单元格的原始值
            		if (key, key[0] !== '!') {
            			getexcelData.push(val)
                    }
            }
        });
    }
 
发布了50 篇原创文章 · 获赞 3 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/yangniceyangyang/article/details/103524217