根據.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 
}) 

但上面的代碼是再次讓我不要按200寬度我要找身高417 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 

})