卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章64334本站已运行4115

JS判断input file图片宽度完美兼容版

推论input file图片宽度、大小最出色的方法是用后端提交后来推论,但对应不能程序的朋友怎么办,门槛有点高。

之前存有互动过一次利用JS去推论input file图片宽度教程,但有个BUG,当第一次触发change方法推论true时,第二次input file随意选择一个都不会再次引爆判断。

所以大众资源网今天再次公布一段利用JS判断input file图片宽度代码,支持IE,并且兼容change方法重复触发。



$(document).ready(function(){     
window.onload = function(){ 
var _URL = window.URL || window.webkitURL;
$(document).off('change','input[name=titlepicfile]').on('change','input[name=titlepicfile]',function(e){
  var file, img;
  if ((file = this.files[0])) {
img = new Image();
img.onload = function () {
if(this.width != 220 && this.height != 145){
alert("上载图片尺寸不为220x145");
file = $("input[name='titlepicfile']"); 
file.val("");
file.after(file.clone());  
file.remove();  
}
};
img.src = _URL.createObjectURL(file);
  }
});
}
})

记得导入jquery框架哦。

卓越飞翔博客
上一篇: 织梦CMS管理员帐号密码忘记了怎么办?
下一篇: JS判断IE浏览器版本
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏