javascript - 根据.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

})