您的位置:首页 > Web前端 > JavaScript

js前台获取上传图片的宽度和高度

2013-06-05 00:00 267 查看
项目要求在上传图片之前,做图片格式的处理:限制高度和宽度。但是纠结了一天,还是没有实现,主要的问题如下:

1、IE浏览器可以获取上传图片的本地绝对路径,但是网上获取图片的高度和宽度的方法得不到图片的宽度和高度,代码如下:

<script>
var image = new Image();
image.src='http://marycolorfulsky.blog.163.com/blog/http://www.baidu.com/img/logo.gif';
image.onreadystatechange=function(){
if (image.readyState=="complete"){
alert(["图片大小是:",image.width,image.height]);
}
}
</script>
主要的问题是在onreadystatechange这个事件的触发无能为力,IE和火狐下没有正确的响应。

2、火狐浏览器如果没有设置安全级别,是不能得到本地图片的绝对地址,只有一个“变异”了的错误的绝对路径,所以无从入手来得到图片的宽度和高度。

不知道有么有可以实现前台获取高度和宽度的方法,其次,感觉只能在服务器端来判断图片的宽度和高度了!!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: