EasyUI表单提交MultipartFile

退无可退而立版

已于 2023-03-11 15:19:36 修改

阅读量150

点赞数

分类专栏： JS 文章标签： easyui javascript ecmascript

于 2023-03-11 15:12:30 首次发布

本文链接：https://blog.csdn.net/beiback/article/details/129463821

版权

JS 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

	<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;
		}