jquery判断 input type="file"上传文件是否为空

诸葛_小明

于 2018-10-22 16:50:05 发布

阅读量2.8w

点赞数 12

CC 4.0 BY-SA版权

分类专栏：前端文章标签： jquery file 上传

本文链接：https://blog.youkuaiyun.com/zhang_z_ming/article/details/83275231

前端专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种正确获取HTML中type=file input元素值的方法，通过使用原生JavaScript而非jQuery，确保了在用户未选择文件时能有效拦截并提示。

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

要想获取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没有值，由此判断是否提交