在线等：如何将上传到服务器的图片显示在客户端jsp页面

现在已经将图片通过jspsmartupload组件上传到服务器上
现在要求如何在客户端jsp页面显示图片

解决方案 »

  1.   

    用js做，你是指浏览图片之后就在页面上显示吧？
    给你个例子<html>
    <head>
    </head>
    <script type="text/javascript">
    function haha(){
    document.getElementById("image1").src=document.getElementById("image").value;
    document.getElementById("image1").style.display ="";
    var a=document.getElementsByTagName("img");
    for(var i=0;i<a.length;i++)
       alert(a[i].alt);

    }
    </script>
    <body>
    <input type="file" onchange="haha()" id="image"></imput><br/>
    <img src="" style="display:none" id="image1" alt="haha">
    </body>
    </html>
      

  2.   

    按照楼上的做法就不能提交并上传到服务器了<html>
    <head>
    <title>文件上传</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><script type="text/javascript">
    function haha(){
        document.getElementById("image1").src=document.getElementById("FILE1").value;
        document.getElementById("image1").style.display ="";
        //var a=document.getElementsByTagName("img");
        /*for(var i=0;i<a.length;i++)
           alert(a[i].alt);*/
        
    }
    </script>
    <body>
    <p>&nbsp;</p>
    <p align="center">上传文件选择</p>
    <FORM METHOD="POST" ACTION="do_upload.jsp"
    ENCTYPE="multipart/form-data">
    <input type="hidden" name="TEST" value="good">
      <table width="75%" border="0" align="center">
        <tr> 
          <td><div align="center"> 
              <input type="FILE" onchange="haha()" id="FILE1" size="30">
      <img src="" style="display:none" id="image1" alt="haha">
            </div></td>
        </tr>
        <tr> 
          <td><div align="center">
              <input type="submit" name="Submit" value="上传！">
            </div></td>
        </tr>
      </table>
    </FORM>
    </body>
    </html>
      

  3.   

    你的要求比较怪,一般是先在客户端预览下,然后在上传到服务器,你要上传了后再显示,那就直接把上传拿到的byte[]跳转到另一个页面显示出来就好了啊.
      

  4.   

    你上传到服务器的时候肯定会得到个地址，把它存到数据库里，返回页面的时候用img表情读出来啊。
      

  5.   

    <img src="<%=imgUrl%>" style="display:none" id="image1" alt="haha">//imgUrl为你上传到服务器的地址