勉強したことのメモ

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
クロスドメイン突破をjavascriptで行う

ajaxとかでクロスドメインを突破する際は、 PHPファイルを介すかJSONPを ...

jquery_logo
プラグインを使用せず、jQueryでオートページャー

プラグインを使わずにオートページャーを 作りたかった。 内容としては、 ・ターゲ ...

javascript_logo_unofficial-300x300
setTimeoutの注意点

javascriptのsetTimeoutにて変数を用いた際に 想定外の挙動を起 ...

javascript_logo_unofficial-300x300
JavaScriptでinputタグのtypeを変更

チェックボックスの状態によって inputタグのtypeをtext⇔passwo ...

jquery_logo
jQueryの指定されたイベントを実行する(trigger)

jQueryで $('ID').trigger('click'); というみたこ ...

javascript_logo_unofficial-300x300
JavaScriptでFlashのバージョンを取得

既存のソースでFlashのバージョン取得を 行っているものがあり、使いそうなので ...

javascript_logo_unofficial-300x300
javascriptでブラウザ判別&ページ遷移

var userAgent = window.navigator.userAge ...

images
FLASHから受信した画像をPHPで保存し、サムネイルも作る

■参考サイト ・FLASH http://www.ilovex.co.jp/bl ...

javascript_logo_unofficial-300x300
クロスドメインのiframeで子フレームから親フレームにheightの値を渡す

やりたかった事は、 ・iframeで子フレームから親フレームにheightの値を ...

jquery_logo
jQueryプラグイン使用時の注意

最近lightboxが急に動かなくなったという不具合があり 調べたところけっこう ...