最近做了一个需求,就是excel附件上传,然后要将excel的文件内容解析为json格式的数据,然后再发送到后台进行处理。
解析excel内容选用的插件是xlsx.full.min.js
,其中有FileReader对象以及方法可以帮助我们实现解析:
FileReader共有4种读取方法:
- 1.readAsArrayBuffer(file):将文件读取为ArrayBuffer。
- 2.readAsBinaryString(file):将文件读取为二进制字符串
- 3.readAsDataURL(file):将文件读取为Data URL
- 4.readAsText(file, [encoding]):将文件读取为文本,encoding缺省值为’UTF-8’
废话不多说,直接上代码:
上传.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="file" id="file" name="uploadFile">
<button id="btn">上传</button>
<div id="content"></div>
</body>
</html>
<script src="./xlsx.full.min.js"></script>
<