在处理图片上传预览的时候 一般都是直接显示用户上传的本地文件 以减小与服务端交互 但是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了