html怎么通过js上传excel文件并能在Java后端接收到
时间: 2024-02-06 14:11:46 浏览: 233
要在HTML中通过JS上传Excel文件并在Java后端接收到,可以使用HTML5的FormData对象和XMLHttpRequest对象。
首先,在HTML页面中添加一个input标签,type属性设置为file,用于选择文件:
```html
<input type="file" id="fileInput">
```
然后在JS中,获取选择的文件,创建FormData对象,并将文件添加到FormData中:
```javascript
let fileInput = document.getElementById('fileInput');
let file = fileInput.files[0];
let formData = new FormData();
formData.append('file', file);
```
接下来,创建XMLHttpRequest对象,并使用POST方法将FormData发送到后端:
```javascript
let xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.send(formData);
```
在Java后端中,可以使用Spring MVC框架的MultipartFile接收文件:
```java
@PostMapping("/upload")
public String upload(@RequestParam("file") MultipartFile file) {
// 处理上传的文件
return "success";
}
```
注意,需要在Spring配置文件中添加MultipartResolver配置:
```xml
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="maxUploadSize" value="5242880"/>
</bean>
```
其中,maxUploadSize属性设置上传文件的最大大小,上例中为5MB。
阅读全文