• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    JSP结合js实现img中src更新请求的方法

    本文实例讲述了JSP结合js实现img中src更新请求的方法。分享给大家供大家参考。具体如下:

    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" onblur="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" onclick="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; 
    } 
    
    

    希望本文所述对大家的JavaScript程序设计有所帮助。

    您可能感兴趣的文章:
    • img的src地址是一个请求的方式来显示图片方法
    上一篇:JSP简单添加,查询功能代码
    下一篇:JSP自定义标签rtexprvalue属性用法实例分析
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    JSP结合js实现img中src更新请求的方法 JSP,结合,实现,img,中,src,