勉強したことのメモ

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

  関連記事

画像をアップロードすると複数サムネイルを生成する方法

フォームで画像をアップロードすると、予め定めておいた大中小のサイズでサムネイル画 ...

classの取り扱い

jQueryでclassを扱う際、 //id=aaaにclass=testを付与 ...

jquery.cookie.jsでcookieを取り扱う

機能拡張の依頼があってそのページを見たら jquery.cookie.jsが読み ...

リアルタイムプレビュー時の改行とテーブルの上部揃え

■サンプル http://sample.taitan916.info/previ ...

getElementsByTagName

うろ覚えだけど業務中に、 document.getElementById('aa ...

JavaScriptで住所から経度緯度を取得する

やりたかった事はformに住所を入れてsubmitする際に、javascript ...

Ajaxで負荷軽減

業務中、専用のページでfile_get_contents的なものは あまり使わな ...

PHPで位置情報を取得してGoogleMapAPIで使用する方法

GPSみたいな位置情報をPHPで取得し、GoogleMapAPIでその場所を反映 ...

マウスオーバーでの画像切り替えをJavaScriptで簡単に対応

マウスが要素にのった際に画像を切り替える処理を入れたかった。多分CSSの管轄なん ...

JavaScriptの三項演算子

いつもと違う書き方? 使い方の三項演算子が あったのでメモ。 ■ソース var ...