ユーザーが写真をアップロードして表示できるようにするディレクティブを作成しました。ユーザーは表示された画像の 1 つをクリックし、Jcrop を使用してトリミングできます。ユーザーが画像のトリミングを完了すると、情報がサーバーに送信されて解析され、画像がトリミングされてデータベースに戻されます。この新しいトリミングされた画像には、以前と同じ参照があります。元の画像は上書きされます。これはすべてSpringサーバーで行われます。画像を更新して新しいトリミングされた画像を表示する方法を理解する必要があります。主な問題は、画像とリクエスト (私が思うに) の両方がキャッシュされることです。私はAngularにかなり慣れていないため、キャッシュファクトリプロセスについてあまり知りません。
7115 次
1 に答える
15
画像 URL にランダムな引数を追加できます。これにより、ほとんどのブラウザでキャッシュが防止されます。この手法は、キャッシュ無効化と呼ばれます。これを機能させるには、画像が変更されるたびにこの引数の値を変更する必要があります。
アップデート
タイムスタンプを変数に保存し、画像が変更された場合にのみ変更します。
例えば。getTimeStamp()これにより、現在のタイムスタンプを生成し、キャッシュバスターとして機能する関数が呼び出されます。
<img data-ng-src='api/image/{{image.id}}?{{getTimeStamp()}}' data-ng-click='editImage($index);'/>
于 2013-10-02T16:56:52.673 に答える