JavaScript

トップ > チップス > JavaScript

画像を強制リロード

サーバサイドで動的に画像を更新したりした場合などに、ブラウザ側のキャッシュがそのまま表示され、思うように画面がリフレッシュできないことがあります。以下のように、imgタグのsrcにダミーのパラメタを与えてあげることで、再読み見込みをすることが出来るようです。

普通のDOMアクセスを使った方法は検索で沢山ヒットしたので、jQueryオブジェクトからアクセスする方法を例示しておきます（…って大して違わないのですが）。

$("#someimg")[0].src = $("#someimg")[0].src+"?dummy=1";


ダミーパラメタの値をインクリメントしたり、乱数にすることで複数回のリロードにも対応できそうです。

$("#someimg")[0].src = $("#someimg")[0].src+"?dummy="+Math.random();


参考URL

• タグ別一覧: [js] [jquery]
• チップス一覧