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

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

<html> 
<head> 
<title>js图片上传预览</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Afunction%20PreviewImage(imgFile)%20%0D%0A%7B%20%0D%0Avar%20filextension%3DimgFile.value.substring(imgFile.value.lastIndexOf(%22.%22)%2CimgFile.value.length)%3B%20%0D%0Afilextension%3Dfilextension.toLowerCase()%3B%20%0D%0Aif%20((filextension!%3D'.jpg')%26%26(filextension!%3D'.gif')%26%26(filextension!%3D'.jpeg')%26%26(filextension!%3D'.png')%26%26(filextension!%3D'.bmp'))%20%0D%0A%7B%20%0D%0Aalert(%22%E5%AF%B9%E4%B8%8D%E8%B5%B7%EF%BC%8C%E7%B3%BB%E7%BB%9F%E4%BB%85%E6%94%AF%E6%8C%81%E6%A0%87%E5%87%86%E6%A0%BC%E5%BC%8F%E7%9A%84%E7%85%A7%E7%89%87%EF%BC%8C%E8%AF%B7%E6%82%A8%E8%B0%83%E6%95%B4%E6%A0%BC%E5%BC%8F%E5%90%8E%E9%87%8D%E6%96%B0%E4%B8%8A%E4%BC%A0%EF%BC%8C%E8%B0%A2%E8%B0%A2%20!%22)%3B%20%0D%0AimgFile.focus()%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Avar%20path%3B%20%0D%0Aif(document.all)%2F%2FIE%20%0D%0A%7B%20%0D%0AimgFile.select()%3B%20%0D%0Apath%20%3D%20document.selection.createRange().text%3B%20%0D%0Adocument.getElementById(%22imgPreview%22).innerHTML%3D%22%22%3B%20%0D%0Adocument.getElementById(%22imgPreview%22).style.filter%20%3D%20%22progid%3ADXImageTransform.Microsoft.AlphaImageLoader(enabled%3D'true'%2CsizingMethod%3D'scale'%2Csrc%3D%5C%22%22%20%2B%20path%20%2B%20%22%5C%22)%22%3B%2F%2F%E4%BD%BF%E7%94%A8%E6%BB%A4%E9%95%9C%E6%95%88%E6%9E%9C%20%0D%0A%7D%20%0D%0Aelse%2F%2FFF%20%0D%0A%7B%20%0D%0Apath%20%3D%20imgFile.files%5B0%5D.getAsDataURL()%3B%20%0D%0Adocument.getElementById(%22imgPreview%22).innerHTML%20%3D%20%22%3Cimg%20id%3D'img1'%20width%3D'120px'%20height%3D'100px'%20src%3D'%22%2Bpath%2B%22'%2F%3E%22%3B%20%0D%0A%2F%2Fdocument.getElementById(%22img1%22).src%20%3D%20path%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
<input type="file" onchange='PreviewImage(this)' /> 
<br> 
<div id="imgPreview" style='width:120px; height:100px;'> 
<img id="img1" src="" _ewebeditor_ta_src="" width="120" height="100" /> 
</div> 
</body> 
</html>

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

教程首页更多教程