在jsp页面中如果实现图片上传预览效果

我在原来的项目中使用Img标签做为图片的即时显示，在IE6 IE7下正常，但是在IE8下面不行，然后特别为IE8通过滤镜的方式来实现，但是在JSP页面中效果出来，后面发现把IMG换成DIV来做展现就可以，但是IMG在HTML下使用IE8访问通过滤镜却是有效果，下面是两段HTML和JSP的代码，前者可以对DIV和IMG都有效，但是后者却只是JSP有效果，不知道大家有没有对IMG有效果的方法指教一下？不胜感激<html>
<head>
<script language="javascript">
function ImagePreview() 
{  
var filepath = "c:\img\123.jpg";
    //测试图片地址           
    var fileUrl="C:\\Documents and Settings\\Administrator\\My Documents\\My Pictures\\e.jpg";    
    document.getElementById("divFilter").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fileUrl;
document.getElementById("Image1").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');width:174px;height:227px; text-align:center";
 document.getElementById("Image1").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fileUrl;
}//ImagePreview();
</script>
</head>
<body>
<div id="divFilter" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:174px;height:227px; text-align:center" src="../images/mypic1.jpg"></div>
<img  id="Image1" src="../images/mypic1.jpg" alt=""  width=142 height=168/>
<input type="button" name="btn" value="go" onclick="ImagePreview();">
</body>
</html>JSP的代码就是把文件修改为jsp文件然后放到服务器中打开查看，IMG是显示不来图片的

解决方案 »

  1.   

    ajax上传图片，返回图片的路径就可以了。
      

  2.   

    你可以取参考下EXT的图片预览效果，很帅的！
      

  3.   

    这个与浏览器有关，很多浏览器都禁止预览本地图片了，如Safari，一般都是上传到服务器再预览的。
    但是可以使用Flash试试，不知道Flash可不可以。
      

  4.   

    你用一个临时文件夹来保存上传的图片，然后输出js调用父页的回调函数来设置img的src属性，这样就实现预览了。如父页回调函数
    JScript code
    //p为服务器端生成的文件名
    function setFilePath(p){
      document.getElementById('img的id').src='如果有临时文件夹加上'+p;
    }iframe 输出js代码调用回调函数
    VBScript code
    filename=""
    '=========保存图片并检查图片大小的代码，并设置filename变量的值为生成的文件名
    if 符合大小 then
      Response.Write "<script>parent.setFilePath('"&filename&"')</script>"
    else
      response.write "<script>alert('大小不符合')</script>"
    end if
    response.end
    当提交表单后，你可以重新保存图片或者从缓存文件夹中移动已经保存的图片到你需要的文件夹下。
      

  5.   

    好吧，将下面代码 复制 粘贴 即可：嘿嘿function getFullPath(obj){   
        if(obj)   
        {   
            //ie   
            if (window.navigator.userAgent.indexOf("MSIE")>=1)   
            {   
                obj.select();   
                return document.selection.createRange().text;   
            }   
            //firefox   
            else if(window.navigator.userAgent.indexOf("Firefox")>=1)   
            {   
                if(obj.files)   
                {   
                    return obj.files.item(0).getAsDataURL();   
                }   
                return obj.value;   
            }   
            return obj.value;   
        }   
    }   
      
    <input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />   
      
    <img id="img">