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:
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:
EDIT2: ... und die .complete-Eigenschaft hilft leider auch nix.