Javascript 从路径获取 img 的宽度

Question

我认为应该有一个简单的解决方案，但我想不通。我想要做的是通过图像的路径(不在屏幕上呈现)获取图像的宽度/高度。

喜欢:

var img = ImageInfo(path);
alert(img.width);

(我想用普通的 javascript 来做)

Answer 1

你可以这样做:

function getImageSize(imgSrc) {
     var imgLoader = new Image(); // create a new image object

    imgLoader.onload = function() { // assign onload handler
        var height = imgLoader.height;
        var width = imgLoader.width;
        alert ('Image size: '+width+'x'+height);
    }

    imgLoader.src = imgSrc; // set the image source
}

您基本上是使用 javascript 创建一个新图像。分配 onload 事件，然后设置源并等待图像加载。加载时，onload 处理程序会提醒图像的高度和宽度。检查这个jsFiddle