js验证上传图片尺寸示例代码

发布时间:2019-10-12编辑:脚本学堂
分享一个js验证上传图片尺寸,即上传图片大小的代码,有需要的朋友参考下。

使用js对上传图片的长宽进行验证。

1,js方法
 

复制代码 代码示例:
function getimagesize(obj){
var filemessage=document.getElementById("filemessage");
var _file=document.getElementById("file");
   var i=_file.value.lastIndexOf('.');
   var len=_file.value.length;
   var extEndName=_file.value.substring(i+1,len);
   var extName="GIF,BMP,JPG,JPEG,SWF";//首先对格式进行验证
   if(extName.indexOf(extEndName.toUpperCase())==-1){
filemessage.innerHTML="*您只能输入"+extName+"格式的文件"
   }else{
 if(extEndName.toUpperCase()=='SWF'){//对swf文件不限制大小,因为下边是自己手动限制的
    filemessage.innerHTML="文件有效";
 }else{
     var url,image;
    if(obj.files){
       url=obj.files[0].getAsDataURL();
    }else{
       url=obj.value;
       url="file:///"+url;
    }
    image=new Image();
    image.src=url;
    image.onload=function(){
      if(image.width>985||image.height>123){
       filemessage.innerHTML="*提示:文件大小不对。您只能上传985*123尺寸的图片或者swf文件";
      }else{
       filemessage.innerHTML="文件有效";
      }
    }
 }
}
}

2,html代码
 

复制代码 代码示例:
<input type="file" name="file" id="file" onchange="getImageSize(this)"/>
<span id="filemessage">*图片或者swf文件(980*123)</span>//用于显示提示信息或错误信息