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>

キャッシュを行わないようにするには

2006年08月28日 16時56分34秒 | HTML
【方法】
<HEAD>タグ内に下記の<META>タグを記述する。

<HEAD>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META EQUIV="expires" CONTENT="0">
</HEAD>

【補足】
このエントリでも使用しているが、
開始タグのエスケープ文字列は「&lt;」
終了タグのエスケープ文字列は「&gt;」
である。