Kündigen einzelne Bild Anfrage in html5-Browsern

Können Sie versuchen, Fenster.stop() zum stoppen aller Anfragen, aber nicht die individuellen. In IE, es ist nicht das Fenster.die stop () - es ist Dokument.execCommand("Stop", false).

Wenn Sie haben andere Dinge auf Anfrage-klug ist, dann dadurch wird es stören. (Sie würde follow-up mit einem neu-Antrag für die Ressourcen, die Sie immer noch wollen, aber das ist zu viel wie harte Arbeit).

Also, wenn Sie wollte aufhören eine einzige Anforderung für ein großes Bild, was Sie tun können, ist, laden Sie das Bild in ein Dokument in einem versteckten IFRAME. Das Ereignis onload des iFrames kann verwendet werden, laden Sie das Bild in der Haupt-Dokument, indem die Zeit es sollte zwischengespeichert werden (vorausgesetzt, Sie haben die caching-Direktiven konfiguriert, dies zu tun).

Wenn das Bild zu lange dauert, dann können Sie den Zugriff auf die IFRAME-contentWindow und geben einen Stopp-Befehl an, dass.

Müssen Sie so viele IFRAME-Elemente wie Bilder, simultan abgefragt werden.

Gleiche problem habe ich tatsächlich und machte einige tests.

Habe ich einige tests mit iframes und haben einigen Erfolg. Getestet auf Firefox 3.6 und Chrome. Für die tests, die ich verwendet 9 Bilder von 15Mb. Mit img-preloading ich tötete meinen firefox mehrmals (ja, nicht viel memoty auf diesem computer), mit Hilfe der img - "suspend" - Aktion nicht verhindern, dass ein Bild geladen wird, wenn die Anfrage gestartet haben, mit iframes, die suspend-Aktion wirklich beenden Sie den download (wie Entferne ich das iframe). Nächste Schritt wird sein, die Prüfung mit XMLHttpRequests. Da diese version meiner test-code ist mit der braowser cache-Verhalten bilden die Bild-url um zu verhindern, dass ein zweiter laden und das funktioniert auch mit ajax-Anfragen. Aber vielleicht mit iframes, ich könnte einen Weg finden, um abrufen von Binärdaten aus dem geladenen Bild im iframe direkt (mit der Begrenzung auf dieselbe domain-urls).

Dies ist mein test-code (der wirklich schnell auf Chrome, kann töten Ihr firefox mit zu viel sehr große Bilder):

//jQuery.imageload.shared.list contains an array of oversized images url
jQuery.each(imglist,function(i,imgsrc) {

    name = 'imageload-frame';
    id = name + "-" + i;
    //with img it is not possible to suspend, the get is performed even after remove
    //var loader = jQuery('<img />').attr('name', name).attr('id',id);
    var loader = jQuery('<iframe />').attr('name', name).attr('id',id); 

    //no cache on GET query taken from jQuery core
    //as we really want to download each image for these tests
    var ts = +new Date;
    //try replacing _= if it is there
    var ret = imgsrc.replace(/(\?|&)_=.*?(&|$)/, "$1_=" + ts + "$2");
    //if nothing was replaced, add timestamp to the end
    imgsrc = imgsrc + ((ret == imgsrc) ? (imgsrc.match(/\?/) ? "&" : "?") + "_=" + ts : "");

    loader.css('display', 'none').appendTo('body');
    loader.after( jQuery('<a>')
            .text(' stop ')
            .attr('href','#')
            .click(function(){
                loader.remove();
                jQuery(this).text(' suspended ');
            })
    );

    //start the load - preload
    loader.attr('src',imgsrc);

    //when preload is done we provide a way to get img in document
    loader.load(function() {
        jQuery(this).next("a:first")
            .text(" retrieve ").unbind('click')
            .click(function() {
                var finalimg = jQuery('<img />');
                //browser cache should help us now
                //but there's maybe a way to get it direclty from the iframe
                finalimg.attr('src',loader[0].src);
                finalimg.appendTo('body');
            });
    });
});

Bearbeiten und hier ist fillde, um es zu testen: http://jsfiddle.net/wPr3x/