js实现img src更新请求

最新推荐文章于 2024-07-19 11:13:21 发布

qiqi___03270327

最新推荐文章于 2024-07-19 11:13:21 发布

阅读量3.9k

点赞数 1

分类专栏： java 资料文章标签： exception session class image string null

本文链接：https://blog.csdn.net/qiqi___03270327/article/details/6912986

版权

资料同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

java

1 篇文章 0 订阅

订阅专栏

1.javascript(更新的函数)

<script type="text/javascript">
function changeImage(){
	var img = document.getElementById("imgVcode");
	if(img.name == 1){
		img.name = 2;
		img.src = "shop.do?method=registerImage2";
	}else if(img.name == 2){
		img.name = 1;
		img.src = "shop.do?method=registerImage";
	}
}
</script>

2.jsp中img和img改变的代码

<td>
							<img class="yzm_img" id='imgVcode' name="1" src="shop.do?method=registerImage" />
							<input name="code" type="text" id="txtVerifyCode"
								class="yzm_input" οnblur="testCode(this)"/>
							<div class="text_left t1">
								<p class="t1">
									<span id="vcodeValidMsg">请输入图片中的四个字母。</span>
									
									<span id="codeInfo" style="color:red"></span>
									<a href="#" id="imgchange" οnclick="changeImage()">看不清楚？换个图片</a>
								</p>
							</div>
						</td>

3.后台action代码

public ActionForward registerImage(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		//将image创建,返回认证码
		response.setContentType("image/jpeg");
		OutputStream out = response.getOutputStream();
		String strEnsure = shopManager.createImageInfo(50,20,out);
		
		//设置到session中
		request.getSession().setAttribute("strEnsure", strEnsure);
		return null;
	}
	public ActionForward registerImage2(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		//将image创建,返回认证码
		response.setContentType("image/jpeg");
		OutputStream out = response.getOutputStream();
		String strEnsure = shopManager.createImageInfo(50,20,out);
		
		//设置到session中
		request.getSession().setAttribute("strEnsure", strEnsure);
		return null;
	}