首页 > 网络编程 > JavaScript > 网页特效 > 图象特效 > 本地图片

ie8.0下显示本地图片的js实现代码 img.src

2012-03-12 15:53:42 作者：

ie8.0下显示本地图片的js实现代码，IE8.0 显示本地图片 img.src=本地图片路径是无效，只能通过div来完成

ie8.0 显示本地图片 img.src

<html> 
<head> 
<title>js图片上传预览</title> 
<script> 
function PreviewImage(imgFile) 
{ 
var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length); 
filextension=filextension.toLowerCase(); 
if ((filextension!='.jpg')&&(filextension!='.gif')&&(filextension!='.jpeg')&&(filextension!='.png')&&(filextension!='.bmp')) 
{ 
alert("对不起，系统仅支持标准格式的照片，请您调整格式后重新上传，谢谢 !"); 
imgFile.focus(); 
} 
else 
{ 
var path; 
if(document.all)//IE 
{ 
imgFile.select(); 
path = document.selection.createRange().text; 
document.getElementById("imgPreview").innerHTML=""; 
document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\"" + path + "\")";//使用滤镜效果 
} 
else//FF 
{ 
path = imgFile.files[0].getAsDataURL(); 
document.getElementById("imgPreview").innerHTML = "<img id='img1' width='120px' height='100px' src='"+path+"'/>"; 
//document.getElementById("img1").src = path; 
} 
} 
} 
</script> 
</head> 
<body> 
<input type="file" onchange='PreviewImage(this)' /> 
<br> 
<div id="imgPreview" style='width:120px; height:100px;'> 
<img id="img1" src="" width="120" height="100" /> 
</div> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]