js +servlet 实现无刷新读取图片 -

缘来是你

浏览: 3611 次
性别:
来自: 河南

最近访客更多访客>>

woodding2008

zaocha321

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (3)

社区版块

存档分类

js +servlet 实现无刷新读取图片

Servlet OS JSP Web F#

js:
<script type="text/javascript">
    function imagechange(value){
    var imagename=document.getElementById("imagename"+value).value;
    var templet=document.getElementById("templet").value;
    var chartdiv = document.getElementById("imageshow");
    var name="&imagename="+imagename;
    var charthtml = "<img src='ReadImage?      templeId="+templet+""+name+"'     width='500' hight='500' />";
    chartdiv.innerHTML = charthtml;
    chartdiv.style.display = "block";

   }

Html :

<body onload="imagechange('1')"   style="background-color: #CCCCCC;">

<table width="100%" align="center">
<tr>
<td align="center">
<c:forEach varStatus="status" var="map" items="${Map}">
<input type="button" style="width:80px;height:20px;" value="${map.key}" onClick="imagechange('${status.count}')" />
<input type="hidden" value="${map.value}" id="imagename${status.count}" />
</c:forEach>
</td>
</tr>
<tr>
<td align="center">

<div id="imageshow">
                   ${Message }
</div>
</td>
</tr>
</table>

</body>

servlet:

public void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
        OutputStream os = response.getOutputStream(); // 页面输出流，jsp/servlet都可以
        String templeId =request.getParameter("templeId");
        String imagename=request.getParameter("imagename");
        System.out.println(imagename+"#######");
        System.out.println(templeId+"#######");
        //String
        String path="c:/"+imagename;
        File f=new File(path);
        InputStream is = new FileInputStream(f); // 文件输入流
        byte[] bs = new byte[1024]; // 读取缓冲区
        int len;
        while((len=is.read(bs))!=-1){ // 循环读取
          os.write(bs,0,len); // 写入到输出流
        }
        os.close(); // 关闭
        is.close(); // 关闭

}

分享到：