勉強したことのメモ

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, 画像

  関連記事

javascript_logo_unofficial-300x300
Flashを用いずJavaScriptでコピー&カット機能を実装する

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

javascript_logo_unofficial-300x300
youtubeの埋め込みをポップアップ表示させる方法

youtubeの埋め込みリンクをLightboxみたいにポップアップ表示させる方 ...

jquery_logo
要素の点滅

やりたかった事はaタグ内で囲まれている部分を点滅。 <blink>だ ...

javascript_logo_unofficial-300x300
JavaScriptでURLのクエリを取得する2

直近で調べたのとは別に、 http://aaa.bbb/ccc/id123?te ...

jquery_logo
tableのフィルター機能

jQueryのプラグインで簡単にフィルター機能が つけられたのでメモ。 ■必要な ...

images
PHPでコマンドを実行して画像を加工

PHPで画像をリサイズしたりサムネイルを作ろうとすると、 ソースが長くなって面倒 ...

javascript_logo_unofficial-300x300
javascriptでスクロール

やりたかった事は、 ・javascript,jQuery使う ・スクロールさせた ...

jquery_logo
画像アップロード前の時点で画像が選択されているか確認

やりたかった事は、フォーム内で画像をアップロードする際、 ちゃんと画像がローカル ...

javascript_logo_unofficial-300x300
JavaScriptでcookieの保存

JavaScriptでcookieを保存したかったけど 方法が分からなかったので ...

other
lightboxで文字をクリックしたら画像を表示させる

一般的に使われているのはサムネイル画像をクリックすると拡大画像が表示されるという ...