Chromeの問題：Chromeで画像の取得/描画が行われない

Question

htmlでサムネイルギャラリーを作成しています。私はこの

for(var i = 0; i<n; i++) { 
    var thumbnails = $("<img/>").attr("src", "getPageImage.htm?page=" + temp[i]); 
    $(body).append(thumbnails); 
} 

これが正常に動作しているような何かを行うサムネイル画像を取得するための 。 今、私は次のように似ている、これらのサムネイルをクリックイベントで動作機能を持っている：

var nextImage; 
$(thumbnails).click(function() { 
    var src = $(this).attr("src"); 
    nextImage = new Image(); 
    nextImage.src = src; 
}); 

今、私はこの全体のコードがある

ctx.drawImage(nextImage, 0, 0, 100, 130); でHTMLキャンバス上ネクストイメージオブジェクトを描画していますmozilla firefoxでは動作しますが、Google Chromeでは動作しません。 chromeがnextImageオブジェクトのsrc属性のリクエストをサーバーに再度送信しないようです。 代替ソリューションはありますか？

Answer 1

画像のURLに、毎回異なる未使用のGETパラメータを追加してみてください。私はしばしば、このトリックを使ってブラウザにイメージを再読み込みさせます。

var src = $(this).attr('src') + '?' + (new Date()).getTime(); 

..or ...

var src = $(this).attr('src') + '?' + Math.random();