代码如下:
<html>
<head>
<title>我的第一个 HTML 页面</title>
<script src="./jquery.min.js"></script>
</head>
<body>
<a href="javascript:;" class="file">添加附件<input type="file" name="" id="fileId" οnchange="upload()"></a>
<span class="errHint"></span>
<script>
/**判断上传文件文件格式**/
var filePath ="";
var fileType ="";
function upload(){
var fileName = $('#fileId').val().split('\\'); //得到文件名数组
var fileSize = document.getElementById('fileId').files[0]; //获得文件大小;
fileName2 = fileName[fileName.length-1]; // 获得文件名
filePath = $('#fileId').val().toLowerCase().split(".");
fileType = filePath[filePath.length - 1]; //获得文件结尾的类型如 zip rar 这种写法确保是最后的
$('.errHint').show().text(fileName[2]);
console.log(filePath);
console.log(fileType);
if(!(fileType == "png" || fileType == "jpg" || fileType == "xlsx"|| fileType == "docx"|| fileType == "rar" || fileType == "zip" )){
$('.errHint').show().text('文件格式不符合要求!')
}else if(fileSize.size>5242880){
$('.errHint').show().text('错误!请上传不超过5M的文件');
return
}
}
</script>
</body>
</html>