勉強したことのメモ

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でinputタグのtypeを変更

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

JavaScriptで多次元連想配列

JavaScriptで多次元の配列を作る際にいつも迷ってしまうのでメモ。 ■こう ...

登録画像orノーイメージ画像の振り分け表示

<? /* 画像が登録されていれば当該画像を読み出し、 登録されていない場 ...

JavaScriptで文字列から数値へ変換時の注意

JavaScriptで文字列から数値へ変換時に思った挙動と異なることがあった。具 ...

javascriptでのエラーログ

PHPでのエラーログ取りが思いのほか便利だったので JSについても簡単にログ取り ...

prototypeとjqueryの競合

ちょいちょい見るが、実際に競合をおこしているケースに あたったのでメモ。 ↓↓の ...

imgタグで作成したグラフをjQueryでリアルタイムに動かす

このグラフをリアルタイムプレビューさせる。 ■サンプル http://sampl ...

jQuery Alert Dialogsで表示後に処理したい

最近携わったサイトの中でJavaScript内に「jAlert」とかいう記述があ ...

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

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