/**
* 要校验尺寸的图片元素的id，宽，高
*/
function checkResolution(id, width, height) {
// 获取该图片元素
var obj = document.getElementById(id);
var url, image;
// 获取元素的url源
if (obj.files && obj.files[0]) {
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
obj.select();
url = document.selection.createRange().text;
}
url = window.URL.createObjectURL(obj.files[0]);
} else {
url = obj.value;
url = "file:///" + url;
}
// 构建图片
image = new Image();
image.src = url;
// 加载图片
return image.onload = function() {
// 如果直接校验的话image.width与image.height还未赋值，所以设置延迟1ms后校验
setTimeout(function() {
if (image.width != width || image.height != height) {
// 校验不通过，返回false
alert(id + "上传的尺寸为：" + image.width + "*" + image.height
+ ",应上传：" + width + "*" + height);
return false;
}
// 校验通过，返回true
return true;
}, 1);
};
} 
0
0
js校验图片尺寸的方法
一个新手
发布时间：2017-10-14 09:36:26
|2552人浏览过
|来源于php中文网
原创
相关文章
如何解决 wget 下载的网页在 Chrome 中短暂显示后变空白的问题
JavaScript Promise 未显示结果的常见原因及解决方案
JavaScript Promise 未显示结果的解决方案
如何递归清理 JSON 中所有 null 和空字符串值的对象字段
Django动态URL重定向中JavaScript变量正确插入方案
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
