解决IE8无法显示本地图片问题

在处理图片上传预览的时候 一般都是直接显示用户上传的本地文件 以减小与服务端交互 但是IE7+之后就已经不再支持显示本地图片了

这里提供一种解决方案  就是应用Javascript使用滤镜效果   废话不多说了 直接上代码：

HTML部分：

<div id="imgPreview" style='width:100px; height:100px;' />

JS部分：

var path = "本地图片绝对路径";

document.getElementById("imgPreview").innerHTML = "";

document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\"" + path + "\")";

 

如果要考虑兼容性问题  在处理的时候只需要判断一下浏览器版本就OK了