Die im Browser angezeigte Größe des Bildes ist möglicherweise nicht die richtige Höhe und Breite. Zum Beispiel werden wir wie unten Breite und Höhenstile hinzufügen.
<img src = "ie.png">
Dies zeigt die Größe im Browser auf 25px. Wie bekommen wir also die wahre Größe des Bildes? Der folgende Code implementiert diese Funktion
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8">
</head>
<body>
<img src = "ie.png" id = "image">
<Script>
// Verspätung festlegen, um sicherzustellen, dass das Bildladen abgeschlossen ist
setTimeout (function () {
var
real_width,
real_height,
_im = document.getElementById ('Bild'),
IM = document.createelement ('img');
im.src = _im.src,,
real_width = im.width,
real_height = im.Height;
alert (real_width+'/n'+real_height);
}, 500);
</script>
</body>
</html>
Hinweis: Ich habe den obigen Code auf IE7+ und Chrome getestet, weil ich ihn nicht testen kann, da IE6 nicht installiert ist.
Sehr nützlicher Code, ich verwende ihn in den meisten Projekten. Bitte können Sie ihn gerne verwenden