uniapp 读写excel
时间: 2024-05-31 22:05:47 浏览: 141
uniapp读取exlsx文件内容
uni-app 是一个基于 Vue.js 的跨平台开发框架,可以快速地开发出同时支持多个平台的应用程序。对于读写 Excel 文件,uni-app 可以使用 js-xlsx 库来实现。
js-xlsx 库是一个纯 JavaScript 的库,可以用来读取、生成和解析 Excel 文件。通过该库,可以将 Excel 文件读取为 JSON 格式,然后进行处理。同时,也可以将 JSON 数据转换为 Excel 文件格式。
以下是基于 js-xlsx 库实现读取 Excel 文件的示例代码:
```javascript
<script>
import XLSX from 'xlsx';
export default {
data() {
return {
excelData: []
};
},
methods: {
handleFile(e) {
const files = e.target.files;
if (files.length === 0) return;
const fileReader = new FileReader();
fileReader.onload = ev => {
try {
const data = ev.target.result;
const workbook = XLSX.read(data, { type: 'binary' });
const sheetName = workbook.SheetNames;
const worksheet = workbook.Sheets[sheetName];
const result = XLSX.utils.sheet_to_json(worksheet);
this.excelData = result;
} catch (e) {
console.log('文件类型不正确');
return;
}
};
fileReader.readAsBinaryString(files);
}
}
};
</script>
```
以上代码中,通过 FileReader 对象读取 Excel 文件内容,并将其转换为二进制数据类型。然后使用 js-xlsx 库中的 XLSX.read 方法将二进制数据解析成一个 workbook 对象,通过 workbook 对象可以获取 Excel 文件中的 sheetName 和 worksheet 数据。最后,通过 XLSX.utils.sheet_to_json 方法将 worksheet 数据转换成 JSON 格式的数据。
阅读全文