IE8浏览器下面上传图片，怎样得到图片的宽高,问题解决结贴给分。

魔鬼_ 2014-03-11 03:00:48

<input type="file" name="upload"onchange="checkPicSize(this);"/>

function checkPicSize(obj){
var img = new Image();
img.src = obj.value;
alert(img.width);
alert(img.height);
}
通过这种方式是不可以的，得到的都是0 。该怎么解决，
问题解决结贴给分。

...全文

211 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

tony4geek 2014-03-11

打赏
举报

jquery 就是对js的封装，一样的。

lgc8023 2014-03-11

打赏
举报

引用 7 楼 wzq6578702 的回复:

[quote=引用 4 楼 lgc8023 的回复:] 你确定能获取到真实路径吗？ie8下出于安全性考虑，上传文件时屏蔽了真实的本地文件路径，而以“C:\fakepath\”取代之。你可能没有真正得到这个图片，后面的解析也就无用了。

我能打印出图片的路径是桌面的一个图片文件，不会错，还有其他的方式吗？真的腻了，这类问题。[/quote] ie8下出于安全考虑，可能禁止你获取本地图片信息。要不你可以通过伪ajax把文件上传到服务器，然后同ajax改变image的src来加载这张图片，然后得到图片的信息！

魔鬼_ 2014-03-11

打赏
举报

引用 6 楼 rui888 的回复:

图片未取到，上传后，后台可以取。要么前面加载到。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
</head>
<body>
<input type="file" name="upload"onchange="checkPicSize(this);"/>
<img src="http://www.baidu.com/img/bdlogo.gif" />
<script>
$(document).ready(function(){
   var e=$("img");
   alert("width:" + e.width() + "  height:" + e.height());

});


function checkPicSize(obj){
 
var img = new Image();
img.src = $("img")[0].src;
alert("------->width:" + img.width+ "  height:" + img.height);
 
 
}
</script>

 
</body>
</html>

我这边后台取得话有一些问题，现在的问题是前台取，取不到。我们公司不让用jquery。。。。

魔鬼_ 2014-03-11

打赏
举报

引用 4 楼 lgc8023 的回复:

你确定能获取到真实路径吗？ie8下出于安全性考虑，上传文件时屏蔽了真实的本地文件路径，而以“C:\fakepath\”取代之。你可能没有真正得到这个图片，后面的解析也就无用了。

我能打印出图片的路径是桌面的一个图片文件，不会错，还有其他的方式吗？真的腻了，这类问题。

tony4geek 2014-03-11

打赏
举报

图片未取到，上传后，后台可以取。要么前面加载到。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
</head>
<body>
<input type="file" name="upload"onchange="checkPicSize(this);"/>
<img src="http://www.baidu.com/img/bdlogo.gif" />
<script>
$(document).ready(function(){
   var e=$("img");
   alert("width:" + e.width() + "  height:" + e.height());

});


function checkPicSize(obj){
 
var img = new Image();
img.src = $("img")[0].src;
alert("------->width:" + img.width+ "  height:" + img.height);
 
 
}
</script>

 
</body>
</html>

ay转身遇 2014-03-11

打赏
举报

引用 3 楼 wzq6578702 的回复:

[quote=引用 1 楼 zhangxiaojie0321 的回复:] <input type="file" id=m onpropertychange="document.all.a.src=this.value;alert(document.all.a.width+':'+document.all.a.height)"> <img id=a style="visibility:hidden">

经测试不管是什么图片都是28:30 [/quote] 不会吧。。。那你就在后台获取吧，Width.ToString(),Height.ToString()。

lgc8023 2014-03-11

打赏
举报

你确定能获取到真实路径吗？ie8下出于安全性考虑，上传文件时屏蔽了真实的本地文件路径，而以“C:\fakepath\”取代之。你可能没有真正得到这个图片，后面的解析也就无用了。

魔鬼_ 2014-03-11

打赏
举报

引用 1 楼 zhangxiaojie0321 的回复:

<input type="file" id=m onpropertychange="document.all.a.src=this.value;alert(document.all.a.width+':'+document.all.a.height)"> <img id=a style="visibility:hidden">

经测试不管是什么图片都是28:30