HTML代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文件上传系统</title>
<script type="text/javascript" src="http://mat1.gtimg.com/libs/jquery2/2.2.0/jquery.js"></script>
</head>
<body>
<form action="#" method="post" enctype="multipart/form-data">
<label>选择文件：</label>
<input type="file" name="filename" id="upload_file">
<input type="submit" id="fileUpload" name="" value="上传">
<input type="reset" name="" value="清除">
</form>
<script type="text/javascript">
// 上传文件前判断是否有文件
$("#fileUpload").click(function () {
if ($("#upload_file").val() == "") {
alert("请选择文件后上传！");
return false;
} else {
alert("文件上传成功！");
return true;
}
})
</script>
</body>
</html>效果如下：
如果上传文件为空，则提示：
如果文件上传文件不为空，则提示：
版权声明：本文为apollo_miracle原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。