根据.load()中的宽度获取图像高度

Question

在加载图像本身之前，我需要获取图像的高度和宽度。因此，我使用jquery .load()方法。

$('<img />').attr('src',someURL).load(function(){
  console.log(this.width);
  console.log(this.height);
})

但问题是，我需要根据固定宽度的高度。假设图片大小为400*417，我需要的是200而不是400的高度。为此，我补充说

$('<img />').attr({
'src':someURL,
'width':200}).load(function(){
  //Get height and width
})

但是上面的代码又给了我417的高度，而不是200的宽度。我正在寻找js/jquery/angualrjs。请帮帮忙。

(预先谢谢:)

Answer 1

一点数学就行了。一旦你得到实际的图像尺寸，应用你的比率得到你想要的高度。

例如：

$('<img />').attr('src',someURL).load(function(){
  console.log(this.width); // prints out 400
  console.log(this.height); // prints out 417

  var widthIWant = 200;

  var heightIWant = this.height * widthIWant / this.width; // Gives you 208.5

})