求JS兼容IE8的上传图片本地预览代码

Question

在我本地测试的话可以。
一旦上传到服务器话不行了。
这是怎么回事啊？
上传图片预览在网上找了很多资料都一样。
高手们~ 帮个忙。。

Answer 1

那肯定是你的问题了，js路径不对等等等等其他因素。

<script>
var version = parseFloat(navigator.appVersion.split("MSIE")[1]);
function yulan(file,id) {
if(file.value.indexOf(".jpg")<0 && file.value.indexOf(".jpeg")<0 && file.value.indexOf(".gif")<0 && file.value.indexOf(".png")<0 && file.value.indexOf(".JPG")<0 && file.value.indexOf(".JPEG")<0 && file.value.indexOf(".GIF")<0 && file.value.indexOf(".PNG")<0){
alert('您选择的不是图片文件');
return false;
}
if(navigator.userAgent.indexOf("Mozilla/5.")>-1){
document.getElementById(id).innerHTML = "<img src='"+file.files[0].getAsDataURL()+"'>";
CheckFileSize(file.files[0].getAsDataURL(),id);//if(CheckFileSize(file.files[0].getAsDataURL())>328)document.getElementById(id).getElementsByTagName('img')[0].style.width = "328px";

}else{
file.select();
var img = document.selection.createRange().text;
document.getElementById(id).innerHTML = "<img src='"+img+"'>";
if(CheckFileSize(file.value)>328)document.getElementById(id).getElementsByTagName('img')[0].style.width = "328px";
}
}
</script>
<div id="tu"></div>
<form name="form1" method="POST" enctype="multipart/form-data">
<input type="file" name="UpFile" size="46" onchange="yulan(this,'tu')">
<div id="preview"></div>
</form>

Answer 2

试试这个兼容ie/ff的图片上传预览效果

参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?9=u&id=11586

Answer 3

网上有很多的