提交图片校检

目的：在提交表单之前用JavaScript检查下是不是图片文件以及大小

<script type="text/javascript">

　　function checkFileExt(ext) {
　　　　if (!ext.match(/.jpg|.gif|.png|.bmp/i)) {//匹配以.jpg或.GIF或....结尾的任意字符串，大写或小写无所谓
　　　　　　return false;
　　　　　　}
　　　　return true;
　　}

 　　function toVaild(){

　　　　var imagesfile = document.getElementById("imagesfile").value;

14　　　　 if(imagesfile!=null&&imagesfile.replace(/(^\s*)|(\s*$)/g, "")!=""&&imagesfile!=undefined){ 
　　　　　　var img = document.getElementById("imagesfile");
　　　　　　var filePath = img.value;
　　　　　　var fileExt = filePath.substring(filePath.lastIndexOf("."))
　　　　　　　　.toLowerCase();//将所有的英文字符转换为小写字母
　　　　　　var sizeint=0;
　　　　　　if (!checkFileExt(fileExt)) {
　　　　　　　　alert("您上传的文件不是图片,请重新上传！");
　　　　　　　　return false;
　　　　　　}
　　　　　　if (img.files && img.files[0]) {
　　　　　　　　sizeint=(img.files[0].size / 1024).toFixed(0);
　　　　　　　　//alert('你选择的文件大小' + (img.files[0].size / 1024).toFixed(0) + "kb");
　　　　　　} else {
　　　　　　　　img.select();
　　　　　　　　var url = document.selection.createRange().text;
　　　　　　　　try {
　　　　　　　　　　var fso = new ActiveXObject("Scripting.FileSystemObject");
　　　　　　　　　　} catch (e) {
　　　　　　　　　　　　alert('如果你用的是ie8以下 请将安全级别调低！');
　　　　　　　　　　}
　　　　　　　　sizeint=(fso.GetFile(url).size / 1024).toFixed(0);
　　　　　　　　//alert("文件大小为：" + (fso.GetFile(url).size / 1024).toFixed(0) + "kb");
　　　　　　}
　　　　　　if(sizeint>5120){
　　　　　　　　alert("抱歉 您所上传的图片大于5M 请选择低于5M的图片上传")
　　　　　　　　return false;
　　　　　　}
　　　　}
</script>

<form action="" method="post" enctype="multipart/form-data" onsubmit="return toVaild()">
<input type="file" id="imagesfile" name="imagesfile" placeholder="">

<center><button type="submit" class="am-btn am-btn-danger">提交</button>  </center>

</form>

 注：match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值（存放匹配结果的数组），而不是字符串的位置。