刷新验证码图片？

Question

我有一个动作方法返回一个图像文件captcha，我不知道如何实现一个按钮来刷新这个captcha。我想我应该使用Jquery，因为我不想重新加载此页面，但我不知道如何实现

这是我的 Action 方法：

public ActionResult Index()
    {
        var captcha = new DemoMVC2112.Models.CenterCaptcha();
        Session["captcha"] = captcha.Text;
        return File(captcha.ImageAsByteArray, "image/png");
    }

视图中的 Div 验证码：

 <div class="captchaImage">
  <img src='@Url.Action("Index", "CaptchaImage")' id="captchaImage" /> <button id="Refresh_Captcha">ReFresh CaptCha</button>
</div>

Answer 1

尝试像这样添加，我希望这能解决您的问题

然后通过添加日期来绑定验证码以刷新​​验证码的内容

   function reloadCaptcha()
   {
     document.getElementById('captchaImage').src = 
     document.getElementById('captchaIMage').src+ '?' new Date().getTime();
   }