jQueryでAmazonS3上の画像を再読み込みする方法


var img = $('#image1');
var src  = img.attr('src');
var timestamp = new Date().getTime();
img.attr('src', src + '&' + timestamp);

srcをセットしなおすときに、URLの末尾に&1234...のように任意の文字列を付与してやるのがポイントです。
この例ではタイムスタンプを使いましたが、ランダム文字列であれば何でもかまいません。

なお、下記のようなやり方ではブラウザ側でキャッシュが効いて再読み込みされないので注意しましょう。
var img = $('#image1');
img.attr('src', img.attr('src'));
カテゴリ: