请问怎么用js获取<input type="file">在上传前图片的宽、高呢？就是需要在选择完图片之后

亲测，可用~
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="javascript"> 
function imgSel(){
var img = new Image();//构造JS的Image对象
img.src = document.imageForm.file.value;//将本地图片赋给image对象
img.onreadystatechange=function(){
       if (img.readyState=="complete"){
       alert(["图片大小是:",img.width,img.height]);
   document.imageForm.width.value = img.width;
document.imageForm.height.value = img.height;
document.imageForm.size.value = img.fileSize;
document.images['image'].src = img.src;
       }
    }
}
</script>
</head>
<body>
<form name="imageForm">
宽: <input name="width" type="text" size="6"> 
高: <input name="height" type="text" size="6"> 
大小: <input name="size" type="text" size="6"><br>
<input name="file" type="file" onChange="imgSel()"><br>
<img src="" name="image">
</form>
</body>
</html>

解决方案 »

  1.   


    应该是js兼容性问题，换成JQuery的方式试试
      

  2.   

    chrome中是不是没有这个onreadystatechange
      

  3.   

    你每次获取都是0，主要原因是在获取图片的宽和高的时候，图片还没有装载成功！你可以不用这个事件，在获取宽和高之前，alert一下，后边就能获取到图片的宽和高了~
      

  4.   

    在chrome下img.onreadystatechange=function()函数就进不去
      

  5.   

    进不去想办法解决啊，自己百度下吧~~参考
    http://xst4002.iteye.com/blog/1570992