Java Web実装をクリックして画像を更新するための検証コード(Jquery)

最初にID
バインドしてimgオブジェクトを取得し、次にクリックイベントを追加します

 $("#img_check").click(function () {
    
    
                this.src="${basePath}kaptcha.jpg"
            })

これは現在のオブジェクトを参照します
。srcは読み取り、書き込み、読み取りが可能であることに注意してください。srcの値はURLアドレスに割り当てることもできます

独自の確認コードアドレスに置き換える必要があります

確認コードを設定しませんか?

ポータル:確認コードを構成する

これは問題ないよう
ですが、ブラウザを変更すると、画像を1度だけ変更してから画像をクリックすることができる場合があります。

その理由は、一部のブラウザはアクセス速度を向上させるためにキャッシュを備えているためです。最初のアクセスで画像アドレスが生成されると、画像ブラウザはローカルに保存されます。このアドレスに2回目にアクセスすると、ブラウザはそのアドレスが以前にアクセスされたことを検出し、ローカルの画像を直接取り出します。画像が更新されない理由

それを解決するには?
とても簡単です。アドレスが毎回異なることを確認してください。

計画1:

最後に乱数パラメータを追加しますが、これでも同じネットワークアドレスになる可能性があります

シナリオ2:

時間パラメータnew date()を後ろに追加します。時刻が同じになることはありませんよね?

究極のコードを添付してください:

$("#img_check").click(function () {
    
    
                this.src="${basePath}kaptcha.jpg?"+"d="+new Date())
            })

「」

住所が異なるたびに、自然の画像は明らかに異なります

おすすめ

転載: blog.csdn.net/weixin_46999174/article/details/108772070