Wie update html img src von Feder-Controller-Methode?

Question

Ich füge Capcha zu meiner JSP-Seite hinzu (Kaptcha-Bibliothek). Es sieht wie dieses

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

und in Seite

<img src="captcha.jpg"/> 

Jetzt muss ich dieses Captcha Taste Update erstellen. (Oder wenn ich Clik captcha image)

Ich habe versucht, diese

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

aber wenn ich klicke, um es einzeln zu öffnen. Ich brauche nur Captcha Bild nach dem Klick zu aktualisieren.

Vielleicht javaScript, vielleicht noch etwas anderes? Wie geht es?

UPDATE

Ich schaffe diese

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

Es funktioniert aber nach meiner Seite blättern up Update img. wie kann ich es reparieren?

Answer 1

Ihre Seite scrollt nach oben, da das Standardverhalten eines Anchor-Tags darin besteht, nach oben zu blättern, es sei denn, Sie geben ihm eine URL, ein Element zum Blättern oder eine javascript:-Anweisung.

es zu beheben, entweder setzt javascript: in der die href des Anker-Tag oder den Anker-Tag entfernen und das onclick Ereignis auf dem Bild so:

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