IE7 javascript如何获取上传图片尺寸

Question

代码如下： <input type="file" name="picurl" id="picurl" style="width:500px" accept="image/x-png,image/gif,image/jpeg"/ onChange="check_img();"><input type="submit" name="upload" id="upload" value="上传"/><img name="im" id="im"/>
-----------------------------------------------------------
<script language="javascript">
document.im.src = document.getElementById("picurl").value
alert(im.width);
</script>在FORM提交时，im.src中取得的值是C：/...,而不是http://开头的或者是files开头的，ie7为了安全不允许这样传地址，请教各位高手该如何取得上传图片的尺寸和属性？急！！！！谢谢

Answer 1

myImage = new Image;
myImage.src = “image1.jpg”;
<a href=”#” onClick=”window.alert(document.myImage.width)”>Width</a>
以上几句代码就可以得到图片的宽度了，不知道楼主有没有试过！

Answer 2

遇到同样的问题，没有用image，而是用的div,只能实现上传预览，是div的属性
<div id="image" style="border:1px solid black;filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);WIDTH: 80px; HEIGHT: 80px;" ></div>
javascript:
  function img(obj)
        {
           var newPreview = document.getElementById("image");
            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = obj.value;
            newPreview.style.width = "80px";
            newPreview.style.height = "80px";
            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod='scale';
        }
不过，IE7挺讨厌的

Answer 3

<input  type="file" id="upLoadImgFile" onchange ="setImg()"  /><input id="Submit1" type="submit" value="submit" />
<p></p><img src="" id ="imgView" />
<script>
function setImg()
{
 var isIE = document.all?true:false;
 var isIE7 = isIE && (navigator.userAgent.indexOf('MSIE 7.0') != -1); 
var isIE8 = isIE && (navigator.userAgent.indexOf('MSIE 8.0') != -1); 
var upLoadImgFile =  document.getElementById("upLoadImgFile");
 
      debugger;
    var imgView = document.getElementById("imgView");
   
    if(isIE){
  
     if(isIE7 || isIE8)
        { 
        upLoadImgFile.select();
        imgView.src = document.selection.createRange().text; 
        document.selection.empty(); 
        }else{ imgView.src =  upLoadImgFile.value;}
    }else{
     imgView.src =  upLoadImgFile.files.item(0).getAsDataURL();  
    }
   
}
</script>