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

2019独角兽企业重金招聘Python工程师标准>>>

项目要求在上传图片之前，做图片格式的处理：限制高度和宽度。但是纠结了一天，还是没有实现，主要的问题如下：

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

不知道有么有可以实现前台获取高度和宽度的方法，其次，感觉只能在服务器端来判断图片的宽度和高度了！！！！

转载于:https://my.oschina.net/u/232879/blog/135787