前端导入excel文件读取excel文件前端vue后端java
时间: 2023-10-02 15:13:27 浏览: 148
前端可以使用FileReader API将Excel文件读取为二进制数据,然后将其发送到后端Java服务器。后端可以使用Apache POI或JExcelAPI等Java库来解析Excel文件并将其转换为数据。以下是一个简单的代码示例:
前端代码:
```
<template>
<div>
<input type="file" @change="handleFileChange">
</div>
</template>
<script>
export default {
methods: {
handleFileChange(event) {
const file = event.target.files[0]
const reader = new FileReader()
reader.onload = () => {
const data = reader.result
this.uploadFile(data)
}
reader.readAsBinaryString(file)
},
uploadFile(data) {
// 将数据发送到后端Java服务器
}
}
}
</script>
```
后端代码:
```
@PostMapping("/upload")
public List<List<String>> uploadExcel(@RequestParam("file") MultipartFile file) throws IOException {
Workbook workbook = WorkbookFactory.create(file.getInputStream());
Sheet sheet = workbook.getSheetAt(0);
List<List<String>> data = new ArrayList<>();
for (Row row : sheet) {
List<String> rowData = new ArrayList<>();
for (Cell cell : row) {
rowData.add(cell.toString());
}
data.add(rowData);
}
return data;
}
```
这个示例使用Spring Boot和Apache POI来处理Excel文件。在这个例子中,我们将Excel文件作为MultipartFile对象上传到后端,并使用WorkbookFactory创建一个Workbook对象。然后,我们使用getSheetAt方法获取第一个Sheet对象,并使用for循环遍历每一行和每一列,将每个单元格的值添加到一个字符串列表中,并将该列表添加到数据列表中。最后,我们返回数据列表。
阅读全文