jsp 页面 修改 刷新图片
2012-09-19 15:36
323 查看
java代码:图片流的生成
BufferedImage image = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_RGB);
String vCode = drawGraphic(image);
vCode = encrypt(vCode);
Cookie cookie = new Cookie(randomCodeKey, vCode);
cookie.setMaxAge(-1);
cookie.setPath("/");
response.addCookie(cookie);
response.setHeader("Pragma","no-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
response.setContentType("image/jpeg"); //这句话是必须的,不能缺少
ServletOutputStream sos = null;
try {
sos = response.getOutputStream();
ImageIO.write(image, "jpeg",sos);
} catch (Exception e) {
throw new RuntimeException(e);
}
finally {
try {sos.close();} catch (IOException e) {e.printStackTrace();}
}
js的里面写的action的路劲,随即数不能缺少,因为不同的浏览器对action的请求次数不一样:
function changeImg(){
$("#image").attr("src",'/img?s='+Math.random());
}
html代码:
<img alt="" id="image" name="image" src="img" onclick="changeImg();" style="cursor: pointer; position: relative;" border="0" />
<a href="#" onclick="changeImg();">换一个</a>
BufferedImage image = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_RGB);
String vCode = drawGraphic(image);
vCode = encrypt(vCode);
Cookie cookie = new Cookie(randomCodeKey, vCode);
cookie.setMaxAge(-1);
cookie.setPath("/");
response.addCookie(cookie);
response.setHeader("Pragma","no-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
response.setContentType("image/jpeg"); //这句话是必须的,不能缺少
ServletOutputStream sos = null;
try {
sos = response.getOutputStream();
ImageIO.write(image, "jpeg",sos);
} catch (Exception e) {
throw new RuntimeException(e);
}
finally {
try {sos.close();} catch (IOException e) {e.printStackTrace();}
}
js的里面写的action的路劲,随即数不能缺少,因为不同的浏览器对action的请求次数不一样:
function changeImg(){
$("#image").attr("src",'/img?s='+Math.random());
}
html代码:
<img alt="" id="image" name="image" src="img" onclick="changeImg();" style="cursor: pointer; position: relative;" border="0" />
<a href="#" onclick="changeImg();">换一个</a>
相关文章推荐
- 使用IntelliJ IDEA开发Java Web项目时,修改了JSP后刷新浏览器无法及时显示修改后的页面
- jsp页面上传图片文件到服务器页面无刷新的技巧
- dropzone.js点击删除图片按钮后只执行action不跳转到新的jsp页面,也不刷新本页面
- jsp页面,改变图片时刷新
- Servlet生成验证码在JSP页面显示,单击验证码图片可刷新
- 如何修改JSP页面tab标题前的图片?
- 在Websphere中修改JSP页面后刷新不生效解决方法
- IDEA Tomcat服务器 更新.jsp时,页面刷新无法同步修改
- 使用IntelliJ IDEA开发Java Web项目时,修改了JSP后刷新浏览器无法及时显示修改后的页面
- 解决IDEA开发JavaWeb项目修改了HTML或Servlet/JSP后刷新浏览器无法及时显示修改后的页面的问题
- 在JSP页面中不刷新页面修改数值示例:
- weblogic部署应用程序,应用程序修改JSP页面浏览器刷新无效果解决办法
- jsp+jquery 实现图片验证码(在主页面不刷新的情况下可更换图片)
- 将byte[]数组转换为图片,并在jsp页面进行显示
- 使用Jquery的Ajax实现无刷新更新,修改,删除页面
- 2013.11.28 Base64编码后的图片信息在JSP页面中的显示[JFinal框架项目]
- 实现jsp页面刷新
- JSP 页面自动刷新 跳转
- Gii 生成添加页面里面的图片表单样式修改
- c# 刷新一次图片随机变换一次的页面代码