bootstrap.min.css不知道为什么会出错,从中文官网下载的,用了半天之后就出错,找不到原因,从新下载了也没用 [图片] 求大佬支招,刚刚开…
顺晟科技
2021-09-19 11:39:47
52
1、下载xlxs
下载地址:https://github.com/SheetJS/js-xlsx
2、导入xlsx.core.min.js
<script src="lib/xlsx.core.min.js"></script>
或者在线引入:
<script src="https://cdn.bootcss.com/xlsx/0.11.9/xlsx.core.min.js"></script>
3、HTML代码:
<input type="file" id="open-excel" >
4、script代码:
$(\'#open-excel\').change(function(e) {
var files = e.target.files;
var fileReader = new FileReader();
fileReader.onload = function(ev) {
try {
var data = ev.target.result,
workbook = XLSX.read(data, {
type: \'binary\'
}),
values = []; // 存储获取到的数据
} catch (e) {
console.log(\'文件类型不正确\');
return;
}
// 遍历每张表读取
for (var sheet in workbook.Sheets) {
if (workbook.Sheets.hasOwnProperty(sheet)) {
values = values.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
//break; // 如果只取张表,就取消注释这行
}
}
// 以二进制方式打开文件
fileReader.readAsBinaryString(files[0]);
});
values中将得到一个json数组,返回Excel数据
PS:
1、jQuery的change方法修改某值,写在$scope.$apply(function(){......})里
2、将键值对取出分别存在两个数组里的方法:
$scope.itemArray = Object.getOwnPropertyNames(object); //object为存储多组键值对的数组
$scope.valueArray = Object.getOwnPropertyNames(object).map(function (item) {
return object[item];
});
02
2022-12
09
2022-11
19
2022-10
19
2022-10
18
2022-10
17
2022-10