Chrome无法从JavaScript创建的图像中获取宽度和高度

我的web应用程序有许多图像显示功能，大多数时候我们需要调整它们的大小。我试图通过以下片段代码获取其实际宽度和高度值：

var image = new Image();
image.src = IMAGE_URL;

var width = image.width;
var height = image.height;

上面的代码在Firefox和IE10等浏览器上运行没有问题，但在Chrome上返回0。我想Chrome不支持这个

---

有人能给我一些指导吗？

你需要在加载图像并理解图像的组成后获得宽度和高度

尝试：

---

希望这对你有所帮助，你需要在图像加载后获得宽度和高度，了解图像的组成

尝试：

---

希望有帮助

您需要等待

加载

事件，否则图像的尺寸将未知

var image = new Image();

image.onload = function() {
    var width = image.width;
    var height = image.height;
    // These values will now be correct.
};

image.src = IMAGE_URL;

---

您需要等待

load

事件，否则图像的尺寸将未知

var image = new Image();

image.onload = function() {
    var width = image.width;
    var height = image.height;
    // These values will now be correct.
};

image.src = IMAGE_URL;

试试这个

img = new Image();
img.onload = function() {
    width = this.width;
    height = this.height;
};

Onload可帮助您获得宽度和高度。

试试这个

img = new Image();
img.onload = function() {
    width = this.width;
    height = this.height;
};

Onload可帮助您获得宽度和高度