当前位置:编程学习 > JS >>

js获取上传图片的尺寸

首先说下我要的效果:在上传图片前先判断图片文件的width 和 height 是否符合要求,如果不符合则返回提示。 之前在网上找过很多例子,都是先声明一个Image对象,再把获取的绝对路径给Image的src,在操作Image取得,但是都不成功,最后获得的值都是0,不知道怎么回事? 我只要能够支持IE和firefox就行,现在绝对路径已经都能够获得!麻烦各位了!!
答案:你是怎么取得Image对象的宽度和高度的?用的image.style.width和image.style.height??
这两个只能获得显示在元素style属性中设置的css样式。

用image对象是没错的,
var image = new Image();
image.src = 你的图片路径;
document.body.appendChild(image);
image.onload = function(){
        console.log(image.offsetWidth);

        image.style.display = 'none';

}

这样可以获得图片的高度。记住一定得把图片加到页面上去,你可以取得高度之后马上隐藏他。

上一个:js中数组和数字相加问题
下一个:js 中confirm提示框的按钮确定和取消变为是和否

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,