JSP预览本地图片(不是HTML)

再上传文件之前,一般我们有一个预览功能,在HTML+JS下我们可以这样处理

<script language="javascript" type="text/javascript">

 function PreviewImg(imgFile)
{
    //原来的预览代码，不支持 IE7。
    var oldPreview = document.getElementById("oldPreview");
    //oldPreview.innerHTML = "<img src=\"file:\\\\" + imgFile.value + "\" width=\"80\" height=\"60\" />";
    }
 </script>

<div id="newPreview"></div>

 </body>
---------------------------------------
 <p>请选择一个图片进行预览：<input type="file" size="20" onchange="javascript :PreviewImg(this);" /></p>

但是这样不支持IE7,在IE7下显示叉烧包!

 

改进代码如下:

 

  新的预览代码，支持 IE6、IE7。
    var newPreview = document.getElementById("newPreview");
    newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
    newPreview.style.width = "180px";
    newPreview.style.height = "160px";
还要增加一个CSS :

  <style type="text/css">
#newPreview   /*这个就是预览的DIV的ID*/
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>

这样就可以再IE6、IE7下预览本地图片了!