javascript: image & caching

  • Es gibt ja in javascript das Image-Objekt und dieses hat wiederum die .src-Eigentschaft, mit der man dem Image dynamisch eine URL zuweisen kann.
    Also z.B. so:

    HTML
    myImage = new Image();
    myImage.src = myURL;

    Dadurch wird auch das angegebene Bild gecacht. Wie kann ich jetzt aber überprüfen, ob das Bild schon gecacht ist, oder nicht? Sofort nachdem ich der .src ein Bild zuweise, daß noch nicht gecacht ist, ändern sich die Werte von .width und .height nicht. Erst wenn ich das nächste Bild zuweise kann ich die Werte von der vorigen Zuweisung herauslesen.
    Das ganze schaut ca. so aus:

    HTML
    myImage = new Image();
    myImage.src = myURL1;
    width = myImage.width; --> width = 0, wenn myURL1 nicht im Cache
    myImage.src = myURL2;
    width = myImage.width; --> width = myURL1.width, wenn myURL2 nicht im Cache
    myImage.src = myURL3;
    width = myImage.width; --> width = myURL3.width, wenn myURL3 im Cache

    was mach ich falsch?

    EDIT: Bzw. kann ich irgendwie eine Datei wieder aus dem Cache entfernen?
    und ... das hilft leider nix, wenn myURL1 nicht gecacht ist:

    HTML
    myImage.src = myURL1;
    myImage.src = myURL1;

    EDIT2: ... und die .complete-Eigenschaft hilft leider auch nix.

    *** Make it idiot proof, and someone will build a better idiot. ***

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!