界面:
<form id="uploadForm" enctype="multipart/form-data" method="POST">
<div class="col-sm-4"><input id="fileN" type="file" name="file">
</div>
<div class="col-sm-8">
<button type="button" class="btn btn-success btn-sm" onclick="upDatumCus()">导入</button>
<button type="button" class="btn btn-success btn-sm">模板下载</button>
</div>
</form>
ajax:
function upDatumCus(){
var formData = new FormData();
formData.append('files',$("#fileN")[0].files[0]);
$.ajax({
type: 'POST',
url:"/ziliaoke/DatumCusLeading",
encType: 'multipart/form-data',
data:formData,
contentType: false,
processData: false,
success: function(data) {
alert("数据保存成功");
},
error: function() {
alert("Connection error");
},
});
}
contraller:
@ResponseBody
@RequestMapping("/DatumCusLeading")
public int DatumCusLeading(@RequestParam(value="files",required=false) MultipartFile file){
System.out.println("开始");
String fileName = file.getOriginalFilename();
System.out.println(fileName);
return 1 ;
}
本文介绍了一个文件上传功能的实现方式,包括HTML表单设计、使用Ajax进行异步上传及后端处理逻辑。通过示例代码展示了如何利用FormData对象发送文件,并在服务器端接收和处理这些文件。
6441

被折叠的 条评论
为什么被折叠?



