2

この JavaScript コードを使用して、画像 src を既存の画像の画像 src に設定しています。

var src = $('#thumbnailImg' + pageNum).attr('src');
$('#mainAppImageImg').attr('src', src);

Firefox と IE では、これは意図したとおりに機能します。画像は既存の画像を使用し、サーバーから再度画像を要求しません。

Safari では、画像がサーバーから再ロードされます。これは、サーバーが返す画像ヘッダーに何か問題があるためだと思いますが、これは私がよく知っている問題ではありません。

これはhttp://www.las.si/tryitout.phpで実際に見ることができます。

4

1 に答える 1

2

Devが言ったように：

デフォルトでは、画像はリロードされます

画像フォルダの.htaccessファイルを使用してサーバーに画像をキャッシュさせる必要があります。

Header unset Pragma
Header set Cache-Control "public, max-age=10000, must-revalidate"

このように、safariとchromeはブラウザのキャッシュを再利用します。

また、canvas要素を使用して、base64、サーバー側、またはクライアント側で画像をエンコードすることも検索できます。

于 2012-10-30T12:52:59.720 に答える