EasyUI表单提交MultipartFile_multipartfile easyui-优快云博客

该代码段展示了一个HTML表单用于上传Excel文件，使用EasyUI的filebox组件。JavaScript函数`uploadExcel()`负责检查文件并提交到后台。后端接收到文件后，通过`@RequestParam`注解接收并进一步处理。如果文件格式不正确，前端会显示错误消息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	<form id="importExcel" action="xxxController.do" method="post" enctype="multipart/form-data" style="float: right;">
			<input style="width: 180px;" id="excelFile" name="excelFile"
			class="easyui-filebox" data-options="prompt:'添加文件',buttonText: '添加文件'" />
			<a href="javascript:void(0)" class="easyui-linkbutton"
			 onclick="uploadExcel()" style="width:190px">导入</a>
		</form>

function uploadExcel(){

	//1.获取文件对象
	let fileName  = $("#excelFile");
	//获取文件名称
	let fileContent =fileName.filebox('getValue');
	if(fileContent ==""){
		$.messager.alert("失败提示","请选择文件导入！", "error");
		return ;
	}

	if(ext=='xlsx' || ext=='xls'){
		$('#importExcel').form('submit', {
			success:function(res){
				$("#excelFile").filebox('setValue','');
				let err= JSON.parse(res).xxx;
				$.messager.alert('提示',err);
				$("#excelFile").filebox("clear");				
			}
		});
	}else{
		 $.messager.alert("异常", "文件格式后缀名只能为xls或xlsx的文档", "error");
         return;
	}
}

后端接口

		@RequestMapping("/xxxx")
		@ResponseBody
		public String xxxxxxx( @RequestParam(value = "excelFile") MultipartFile importexcelFile,HttpSession session) throws   Exception{
			String result = "";
			result = xxxService.xxxxx(session,importexcelFile);
			return result;
		}