前后端分别判断 input type=file 上传文件是否为空

最近做项目需要上传图片，前后端都需要判断文件是否为空，做一些必要的笔记，一来是对自己学习的知识的巩固，二来对有同样问题的人有参考作用

---

---

一 前端判断

要想获取type="file"的input内容，用var file = $(“id”).val();肯定是不行的，下面是代码：

html上传按钮为：

<input type="file" id="reportXML" name="reportXML" title="输入内容" multiple="multiple">
<button type="button" onclick="submitXML()">提交button>

js代码:

function submitXML(){
     
	var fileInput = $('#reportXML').get(0).files[0];
	console.info(fileInput);
	if(fileInput){
     
		$("#reportXMLform").submit();
	}else{
     
		alert("请选择上传文件！");
	}
}

在点击提交按钮时，触发js中的submitXML方法，如果没有选择文件，那么fileInput没有值，由此判断是否提交

二 后台判断

看网上有很多 说获取流大小的,还有的获取文件名字的… 写了一大堆 其实MultipartFile已经为我们提供了方法

 @RequestMapping("/save")
 public String save(@RequestParam("slideImageFile") MultipartFile slideImage) throws Exception {
     
    
    // 空返回true
 	System.out.println("上传文件是否为空" + multipartFile.isEmpty()); 
      
 }

---

三 总结

如有错误恳请指正，如有侵权请联系我删除
参考文章: jquery判断 input type="file"上传文件是否为空
               MultipartFile 判断空 null