JavaScript - وظيفة للحصول على عرض وارتفاع الصورة الحقيقي (عبر المتصفح)

Question

كيفية الحصول على عرض وارتفاع الصورة الحقيقي (عبر المتصفح) عن طريق وظيفة JavaScript؟

Answer 1

أولًا، لديك فرصة أكبر للحصول على إجابة لسؤالك إذا طرحته بطريقة أكثر تهذيبًا، وقدمت أكبر قدر ممكن من المعلومات ذات الصلة.

على أي حال...

بقدر ما أعرف، يمكنك استخدام .width ملكية عبر جميع المتصفحات تقريبًا:

function getDimensions(id) {
    var element = document.getElementById(id);
    if (element && element.tagName.toLowerCase() == 'img') {
        return {
            width: element.width,
            height: element.height
        };
    }
}

<img id="myimage" src="foo.jpg" alt="" />

// using the function on the above image:
var dims = getDimensions('myimage');
alert(dims.width); --> shows width
alert(dims.height); --> shows height

Answer 2

var realWidth = $("#image").attr("naturalWidth");
var realHeight = $("#image").attr("naturalHeight");

Answer 3

وياي، جوجل !

وهناك عدد قليل من الطرق للقيام بذلك اعتمادا على ما تحتاج إليه بالتحديد (والتي كنت قد حذفت غير مفيد لتشمل). ربما كان أبسط في الشعور العام هو الحصول على مرجع إلى كائن صورة وتفقد width وheight خصائص.

Answer 4

ومسج + <img src="" ... id="hello" /> + $("#hello").width()