<scripttype="text/javascript">

functionchangeImage(){

varimg=document.getElementById("imgVcode");

if(img.name==1){

img.name=2;

img.src="shop.do?method=registerImage2";

}elseif(img.name==2){

img.name=1;

img.src="shop.do?method=registerImage";

}

}

</script>

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

<td>

<imgclass="yzm_img"id='imgVcode'name="1"src="shop.do?method=registerImage"/>

<inputname="code"type="text"id="txtVerifyCode"

class="yzm_input"onblur="testCode(this)"/>

<divclass="text_leftt1">

<pclass="t1">

<spanid="vcodeValidMsg">请输入图片中的四个字母。</span>

<spanid="codeInfo"style="color:red"></span>

<ahref="#"id="imgchange"onclick="changeImage()">看不清楚？换个图片</a>

</p>

</div>

</td>

3.后台action代码

publicActionForwardregisterImage(ActionMappingmapping,ActionFormform,

HttpServletRequestrequest,HttpServletResponseresponse)

throwsException{

//将image创建,返回认证码

response.setContentType("image/jpeg");

OutputStreamout=response.getOutputStream();

StringstrEnsure=shopManager.createImageInfo(50,20,out);

//设置到session中

request.getSession().setAttribute("strEnsure",strEnsure);

returnnull;

}

publicActionForwardregisterImage2(ActionMappingmapping,ActionFormform,

HttpServletRequestrequest,HttpServletResponseresponse)

throwsException{

//将image创建,返回认证码

response.setContentType("image/jpeg");

OutputStreamout=response.getOutputStream();

StringstrEnsure=shopManager.createImageInfo(50,20,out);

//设置到session中

request.getSession().setAttribute("strEnsure",strEnsure);

returnnull;

}

下一篇：jsp 页面上图片分行输出小技巧