javascript - 图像 src(通过 javascript)chrome/firefox 之间不一致

Question

嘿，所以我遇到了一个奇怪的错误/边缘情况。查看以下代码:

var i = new Image();
i.src = 'http://ia.media-imdb.com/images/M/MV5BMTIxOTAxNTc4NF5BMl5BanBnXkFtZTcwOTg1NzQyMQ@@._V1._SX97_SY140_.jpg';
console.log(i.width);

这在 chrome 中工作正常(因为它指的是真实图像)，但在 FF 中失败。认为这可能与“at”符号或双扩展名有关(例如“._V1._SX97_SY140_.jpg”)，但不太清楚。

感谢您的帮助。

Answer 1

请记住，图像是异步加载的。您需要为图像的加载事件分配一个事件处理程序并在那里获取宽度:

var i = new Image();
i.onload = function() {
  console.log(this.width);
}
i.src = 'http://ia.media-imdb.com/images/M/MV5BMTIxOTAxNTc4NF5BMl5BanBnXkFtZTcwOTg1NzQyMQ@@._V1._SX97_SY140_.jpg';