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程序设计有所帮助。

赞 (0)

相关推荐

  • img的src地址是一个请求的方式来显示图片方法

    1.jsp <img alt="test" src="getImg2.do"> 2.controller @RequestMapping("getImg2") public void getImg2(HttpServletRequest request, HttpServletResponse response) throws IOException { FileInputStream fis = null; OutputStream

  • 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?m

  • js改变Iframe中Src的方法

    本文实例讲述了js改变Iframe中Src的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="GENERATOR" content="Microsoft Visual Studio .N

  • JS返回iframe中frameBorder属性值的方法

    本文实例讲述了JS返回iframe中frameBorder属性值的方法.分享给大家供大家参考.具体分析如下: frameborder 属性规定是否显示框架周围的边框. <!DOCTYPE html> <html> <body> <iframe id="myframe" src="/default.asp" frameborder="0"> <p>Your browser does not

  • Jquery和JS获取ul中li标签的实现方法

    js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var div=document.getElementById('a'); var ul=div.childN

  • JS清除字符串中重复值的实现方法

    本文实例讲述了JS清除字符串中重复值的实现方法.分享给大家供大家参考,具体如下: /// <summary> /// 清除字符串中重复的值 /// </summary> /// <param name="Text">字符串</param> /// <param name="Label">标签(如:| ,)</param> function FilterRepeatStr(Text, Label)

  • vue.js element-ui validate中代码不执行问题解决方法

    vue.js element-ui validate中代码不执行问题解决方法

    先说结论 在自定义验证里面每一个判断都要有callback(),就是要保证callback()一定会执行到 因为要验证数字,参考了官网参考代码如下,发现有如下图bug,当输入为以数字开头包含字符串的内容时,验证不会报错,因为业务逻辑也不相符,随改写代码 <el-form-item label="年龄" prop="age"> <el-input v-model.number="ruleForm2.age"></el-

  • vue.js移动数组位置,同时更新视图的方法

    使用vue.js v-for绑定若干个选项,需要对选项进行排序上下移动操作. 需要对options里面数组的位置进行交换,通常是这样来写: 假设向前移动一个: var index = this.options.indexOf(option); //获取当前选项对象在数组里面的索引. var tempOption = this.options[index-1]; //存储前一个 this.options[index-1] = option;(this.options[index]) this.op

  • JS实现字符串中去除指定子字符串方法分析

    JS实现字符串中去除指定子字符串方法分析

    本文实例讲述了JS实现字符串中去除指定子字符串方法.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> /*方法一:使用replace函数替换*/ //去除字符串中

  • JS操作XML中DTD介绍及使用方法分析

    本文实例讲述了JS操作XML中DTD介绍及使用方法.分享给大家供大家参考,具体如下: 什么是DTD,为什么需要DTD? DTD为英文Document Type Definition,中文意思为"文档类型定义".DTD肩负着两重任务:一方面它帮助你编写合法的代码,另一方面它让浏览器正确地显示器代码. 一个HTML文档的基本结构可分为两个主要部分: <html> <head> 头部信息 </head> <body> 可视内容 </bod

  • Android中使用Post请求的方法

    本文实例讲述了Android中使用Post请求的方法.分享给大家供大家参考.具体如下: 一.需要用到的场景 在jQuery中使用$.post()就可以方便的发起一个post请求,在android程序中有时也要从服务器获取一些数据,就也必须得使用post请求了. 二.需要用到的主要类 在android中使用post请求主要要用到的类是HttpPost.HttpResponse.EntityUtils 三.主要思路 1.创建HttpPost实例,设置需要请求服务器的url. 2.为创建的HttpPo

随机推荐