Javascript：キャンセル/画像リクエストのキャンセル

Question

私はAjaxを大量に使用するウェブサイトを持っています。場合によっては、ユーザーのページに大きな画像ファイルを読み込む必要があります。私の質問は、これらの大きな画像ファイルがダウンロードされているときに、例えば、ユーザーが画像を表示しているページから離れて移動すると、それらを止める方法があるかどうかです。ありがとう。

Answer 1

私は正確に同じ問題を持っていた、ときに、ユーザーに迅速（AJAX）を介して「ページング」の検索結果がブラウザにはまだすべてのページだけではなく、現在の1のプロファイル画像をダウンロードしようとしていました。

//cancel image downloads 
if(window.stop !== undefined) 
{ 
    window.stop(); 
} 
else if(document.execCommand !== undefined) 
{ 
    document.execCommand("Stop", false); 
} 

は、基本的には、ブラウザの「停止」ボタンをクリックするようなものだ：このコードは、新しい検索が実行された直前にページングイベントに呼ばれ、私のために働きました。

が悪くマン溶液は単に空の文字列にイメージタグのSRCプロパティを設定する、またはウィジェットに向けてそれを指すようになるであろうIEは、Firefox、クロム、オペラとSafari

Answer 2

イメージをロードするためにajaxを使用していると仮定すると、単にwindow.onunloadイベントでリクエストを中止することができます。使用しているXMLHttpRequestオブジェクトのグローバル変数を宣言します。

var xhr; 
//if using the XMLHttpRequest object directly 
//you may already be doing something like this 
function getImage(...){ 
    xhr = new XMLHttpRequest(); 
    xhr.open(....); 
} 

のjQueryを使用している場合、あなたはXHR変数への呼び出しあなたは$アヤックス（）または$に.getの戻り値を割り当てることができます。

xhr = $.ajax(.....); 

要求を処理して、要求を中止します。

window.onunload = function(){ 
    xhr.abort(); 
} 

Answer 3

でテスト。

編集

あなたのコメントを見て、それが空にするSRCプロパティを変更すると動作しません... blank.gifか何かを使用してみてください驚かせました。

これでうまくいかない場合は、ブラウザのアーキテクチャに拘束される可能性があります。つまり、あなたはS.O.Lです。

Answer 4

IE7ではSRCタグを別のイメージに再割り当てしても機能しません。最初のイメージのダウンロードが続けられます。

ここにセットアップがあります。

JPEGのタイプのHTTPハンドラを作成しました。これには実行を終了しないコードが含まれています。だからsomeImage.src = myhandler.ashxはタイムアウトするまで永久にそこに座ります。小さな画像ファイルに画像を再割り当てし、この途中で

、押して別のボタン： someImage.src = small.jpg

myhandler.ashxの要求は、我々が再割り当てされているにもかかわらず、終わっていませんsrc。あなたが実際にノードsomeImage.parentNode.removeChild（someImage）を削除した場合

さらにまだmyhandler.ashx

IE7でテストおよびPro HTTPウォッチで監視をダウンロードしようとし続けています。

Answer 5

このようです。

$(img).attr('src','');