2016-04-22 16 views
0

JSPページ(kaptchaライブラリ)にcapchaを追加します。 (私はキャプチャ画像をにCLIKときや)それはspring controllerメソッドからのhtml img srcの更新方法は?

を。今、私は更新のために、このキャプチャをボタンを作成する必要があります。この

@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> 

画像をクリックして単独で開くと表示されます。 クリックした後にcaptchaイメージを更新するだけです。

多分、JavaScript、多分何か?それはどうですか?

UPDATE

私はこの

<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を作成します。どうすれば修正できますか?

+0

HTMLは違いを理解することはできません'href'の' captcha.jpg'と 'src'の対です。ファイル名と競合しない別のURLを使用する必要があります。 – 4castle

答えて

1

アンカータグのデフォルトの動作は、URL、スクロール先の要素、またはjavascript:ステートメントを指定しない限り、一番上にスクロールすることであるため、ページがスクロールアップしています。どちらか、それを修正するアンカータグのhrefjavascript:を置くか、アンカータグを削除して、このように画像にonclickイベントを置くために

<img src="captcha.jpg" id="my-image" onclick="update()" /> 
関連する問題