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

时间:2020-05-13 人气:0

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 onerror="javascript:this.src='/skin1/img/error.jpg';" id='img1' width='120px' height='100px' src='"+path+"'/>"; 
/https://img.qb5200.com/download-x/document.getElementById("img1").src = path; 
} 
} 
} 
</script> 
</head> 
<body> 
<input type="file" onchange='PreviewImage(this)' /> 
<br> 
<div> 
<img onerror="javascript:this.src='/skin1/img/error.jpg';" id="img1" src="" width="120" height="100" /> 
</div> 
</body> 
</html>

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

加载全部内容