如何从 spring 控制器方法更新 html img src？答案

【问题标题】：How update html img src from spring controllers method?如何从 spring 控制器方法更新 html img src？
【发布时间】：2016-08-15 13:22:06
【问题描述】：

我将验证码添加到我的 JSP 页面（kaptcha 库）。看起来像这样

@RequestMapping(value = "/captcha.jpg", method = RequestMethod.GET)
    public void captcha(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        super.captcha(req, resp);
    }

在页面中

<img src="captcha.jpg"/>

现在我需要创建按钮来更新这个验证码。（或者当我点击验证码图像时）

我试过了

<a href="captcha.jpg">
            <img src="captcha.jpg"/>
            </a>

但是当我单击图像时，它会单独打开。点击后我只需要刷新验证码图片。

也许是 javaScript，也许是别的？怎么做？

更新

我创造了这个

<script>
                function update() {
                    document.getElementById('my-image').setAttribute('src', "captcha.jpg");
                }
            </script>
            <a href="" onclick="update()">
                <img src="captcha.jpg" id="my-image"/>
            </a>

它工作，但在 img 更新后我的页面向上滚动。我该如何解决？

【问题讨论】：

HTML 无法理解href 中的captcha.jpg 与src 中的区别。您需要使用不与文件名冲突的其他 URL。

标签： javascript java html spring-mvc

【解决方案1】：

您的页面正在向上滚动，因为锚标记的默认行为是滚动到顶部，除非您为其提供 URL、要滚动到的元素或 javascript: 语句。

要修复它，要么将javascript: 放在锚标签的href 内，要么移除锚标签并将onclick 事件放在图像上，如下所示：

<img src="captcha.jpg" id="my-image" onclick="update()" />

【讨论】：