AJAX文件上傳的圖像獲取的高度和寬度

Question

我希望能夠改變圖像的高度，用ajax上傳。

這裏是我的代碼：

$(function(){ 
$("#submitimage").click(function(){ 
    var data = new FormData(), 
     // ClientHeight is not getting the image height it is getting the height of some other element. 
     height = $("#file")[0].clientHeight, 
     width = $("#file")[0].clientWidth, 
     FileName = $("#file").val(); 
    console.log(height); 
    console.log(width); 
    FileName = FileName.replace("C:\\fakepath\\", ""); 
    data.append('file', $('#file')[0].files[0]); 
    $.ajax({ 
     type: "POST", 
     url: "upload_file.php", 
     cache: false, 
     contentType: false, 
     processData: false, 
     data: data, 
     success: function(data) { 
      newimage = "<br><img src='uploadedimages/"+FileName+"' width='"+width+"' height='"+height+"' alt='new image' /><br>"; 
      $(newimage).appendTo(".current-bulletin"); 
     } 
    }); 
}); 

}）;

我使用的console.log得到高度和寬度它返回它總是22x272所以我相信clientheight越來越文件按鈕高度或類似的東西。

我可以從那裏得到的高度還是更以某種方式獲得圖像的高度，它被加載後，然後改變它呢？

Answer 1

所以用JavaScript我仍然沒有找到反正做到這一點，但我給圖像類新的IMG和在CSS使它有一個最大寬度：100％;我可以做的最好。