JSP图片上传预览不能显示

如下是test.jsp页面
<HTML>
<HEAD>
<%@ page 
language="java"
contentType="text/html; charset=GB18030"
pageEncoding="GB18030"
%>
<META http-equiv="Content-Type" content="text/html; charset=GB18030">
<META name="GENERATOR" content="IBM WebSphere Studio">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK href="../../theme/Master.css" rel="stylesheet" type="text/css">
<TITLE>cc.jsp</TITLE>
<script language="javascript">
//检查公司logo图片
function checkLogo(url)
{
   var logo=document.getElementById("logo");
   if (url=="")
   {
alert("请点击浏览按钮，选择您要上传的JPG或GIF文件!");
logo.focus();
   }
   else
   {
   var logo_url=url.toLowerCase();
   var logo_ext=logo_url.substring(logo_url.length-3,logo_url.length);
   if (logo_ext!="jpg" && logo_ext!="gif" )
   {
   alert("请选择JPG或GIF格式的文件!");
   logo.select()
   document.execCommand("Delete");
   logo.focus();
   }
   else
    {
     //var Img=new Image();
     //Img.onload=new Function("if(this.width>800||this.height>800){alert('抱歉,公司Logo图片最大尺寸:宽度不超过300像素,高度不超过80像素!');document.getElementById('logo').select();document.execCommand('Delete');}else{document.getElementById('logo_preview').src=document.getElementById('logo').value;document.getElementById('logo_preview_div').style.display='';}");
     //Img.onerror=new Function("alert('请点右边 浏览 按钮上传图片,格式为jpg或gif!')");
     document.getElementById("saveval").value=url;
     document.getElementById("logo_preview").src=url;
    }
   }
}</script>
</HEAD>
<BODY>
<input type="text" id="saveval" value="">
<input name="logo" type="file" id="logo"     />
        <input name="btnUploadlogo" type="button" id="btnUploadlogo" value="上传" onclick="checkLogo(document.getElementById('logo').value)" />
                         <span class="redcolor">(最佳图片尺寸:宽度不超过300像素,高度不超过80像素)</span>
       
       
       <img id="logo_preview" name="logo_preview" src=""/>
</BODY>
</HTML>
在点击上传按钮的时候图片不能显示，但是如上代码在DW中是可以正常显示的，在JSP中就显示不出来，请各位帮忙看看

解决方案 »

  1.   

    <%@ page language="java" pageEncoding="UTF-8"%>
    <html>
    <HEAD>
    <TITLE>New Document</TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">  
       function aa(){ 
       document.getElementById("a").src=document.getElementById("b").value;   
       }
       </SCRIPT>
    </HEAD> <body>
    <IMG id=a SRC="" WIDTH="400" HEIGHT="300" BORDER="0" ALT="">
    <input type=file id=b>
    <button onclick='aa()'>
    浏览
    </button>
    </body>
    </html>
    在点击预览按钮的时候图片不能正常显示
      

  2.   

    document.getElementById("a").src=document.getElementById("b").value;  
    可以换成 只在ie可用 干脆将img重新写一遍，因为src在ie一些版本不支持动态更改
    document.getElementById("a").outerHTML="<IMG id='a' SRC='"+document.getElementById("b").value+"' WIDTH='400' HEIGHT='300' BORDER='0' ALT='' /> "
    outerHTML这个js 属性是该对象的html代码 ，重新赋值相当于 重写这个对象
      

  3.   

    这里有一个支持ie ff的图片预览
    试试看
      

  4.   

    img标签不能读取本地磁盘中的文件
      

  5.   

    http://blog.csdn.net/zxingchao2009/archive/2011/06/09/6534261.aspx