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


答案：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需刷新才能执行]

上一个：30个让人兴奋的视差滚动（Parallax Scrolling）效果网站
下一个：nodejs入门详解(多篇文章结合)

更多图片编程知识: