侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

js验证上传图片的尺寸

2024-05-12 星期日 / 0 评论 / 0 点赞 / 98 阅读 / 1726 字

//js对上传图片的长宽进行验证 //js方法如下: function getImageSize(obj){ var filemessage=document.getElementById("f

//js对上传图片的长宽进行验证
//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="文件有效";                  }                }             }        } }


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

广告 广告

评论区