IT-Tecスクラップ

IT技術に関する覚え書き。
Hu-BasicからVistaまで、思いついたら都度更新。

キャッシュを行わないようにするには(画像編)

2006年08月30日 15時07分24秒 | HTML
メタタグでコンテンツそのもののキャッシュをしない場合でも、画像はローカルのものが使われることがある。
その場合は、Javascriptで画像ファイルにTimeStamp(現在時刻)を付与して呼び出すとよい。
常に最新の画像が表示されるようになる。

(例)
<html>
<head>

<!-- こいつらだけでは心もとない -->
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META EQUIV="expires" CONTENT="0">

<script language="JavaScript">
function reloadImage() {
     var fName = "logo_img.jpg?"+(new Date()).getTime();
     document.images["logo"].src = fName;
}
</script>

</head>

<body onload="javascript:reloadImage()">
<img src="上でセットするからここはなんでもよい" name="logo">
</body>
</html>


4 コメント

コメント日が  古い順  |   新しい順
Unknown (通りすがり)
2008-04-05 12:25:38
ナイスアイデア!
返信する
Unknown (ありがとう)
2010-02-25 16:03:26
ありがとう
返信する
Unknown (旅の始まり)
2011-05-31 10:29:27
これを探してた
サンクス
返信する
Unknown (Unknown)
2012-03-19 19:59:07
ありがとう!
助かった!
返信する