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

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 οnlοad="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(); // 关闭

}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值