检索更新后的图像src的naturalWidth

Question

$(".photo").on('click', function(){
    this.src = this.src.replace(/thumb/g, 'original');
    alert(this.naturalWidth);
}

我在Rails4中使用jQuery来更新图像的src。我也使用回形针进行图像上传。

流程：当我第一次单击图像时，它返回拇指宽度（140px）。但是，后续单击会返回原始图像的自然宽度（1200px）。

是否可以在第一时间获得原始图像的自然宽度？

请告知。

Answer 1

  

等待加载图像。当图像完成loading

时，将调用onload处理程序

每次src的{​​{1}}属性发生更改时，都会触发此事件。

试试这个：

image

Answer 2

Stop All