勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

javascriptやjQueryで画像を書き換えても変わらない場合

      2014/06/06

けっこう前に画像をアップロードしてリアルタイムに
プレビューする機能を作った時に、ブラウザによっては
同じ画像が表示されるという現象が発生していた。

上司に相談したところ画像のURLのお尻に日時を
つけることで改善されて、キャッシュなんかな? と
曖昧に終わっていたけど、ピンポイントな記事を見かけたのでメモ。

キャッシュをよまないよう、タイムスタンプ等の

ユニークな値のクエリをつけることで改善された。

 

var timestamp = new Date().getTime();
$('#img-id').attr('src', $('#img-id').attr('src')+'?'+timestamp);

■参考サイト
http://blog.3ot.net/design/javascript/20091210063205.html

 - JavaScript, jQuery, 画像

  関連記事

adblock(広告削除)設定している場合はページを表示させない

iPhoneのSleipnirでネットをしていると「広告がブロックされたのでペー ...

サイトにHTMLエディタ(WYSIWYG)を導入する方法

シンプルで導入が簡単、且つ日本語化されているウィジウィグを探しており、良さそうな ...

lightboxで画像拡大時に文字タイトルとリンクをつける

lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンク ...

javascriptでのについて

javascriptを書く際に、 <script> <!-- ...

JavaScriptで全角半角を判別の上で文字数カウントを行う

やりたかった事は「全角5文字・半角10文字以内の入力フォーム」 みたいなもの。 ...

八地方区分→都道府県→路線→駅名の連携したセレクトメニュー

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...

chardin.jsを利用して注釈を入れる

簡易マニュアルとかでむっちゃ使えそう。 ■chardin.js http://h ...

smart_resize_imageで縦横の比率関係なく、固定リサイズ

PHPで縦横どちらかが指定の長さを超えた場合、比率を保ったままリサイズで使ったs ...

javascriptで実行時間の測定

var time_test = function(){ var x = 1; f ...

bootstrap-datetimepickerについて

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、 普通のセレクト ...