リロード画像は、私は5秒ごとに画像をリロードしたいが、それは動作しません、それは同じまま、しかし、あなたがページをF5ときにリフレッシュを行う、ちょっと</p> <p>を

Question

function updateimage(){ 
    $("#fileimg").attr("src","path/to/image.jpg"); 
    $('#fileimg').fadeIn('slow'); 
    setTimeout(updateimage, 5000); 
} 

をリフレッシュしません。イメージを更新するには5秒ごとにどのように更新すればいいですか？

Answer 1

キャッシュされているので、リロードする必要はありません。新鮮な読み込みを強制したい場合は、ブラウザに別のファイルと見なさせる必要があります：

function updateimage(){ 
    $("#fileimg").attr("src","path/to/image.jpg?" + new Date()); 
    $('#fileimg').fadeIn('slow'); 
    setTimeout(updateimage, 5000); 
} 

Answer 2

httpキャッシュを尊重するソリューションはありますか？イメージが時々変更されるだけであれば、すべてのクライアントに強制的にリロードを行わせるのは賢明ではありません。

など。私はWebカメラの写真を5秒ごとに更新しています。各クライアントが5秒ごとに "dateMillis reload"を実行しても、中間キャッシュは依然としてクライアント間でデータを正しく再利用しません。標準的なキャッシュタイムアウト（またはエタグチェック）を有効にすると、多くのリソースを節約できます。