在表單提交前獲取上傳圖像的圖像高度和寬度

Question

如何獲取上傳圖像的高度和寬度表單提交前，使用jQuery或Javascript？

<input type="file" /> 

我需要檢查要上傳的圖像的寬度和高度是否等於所選的寬度和高度。我發現this link。但它只適用於FF和Chrome，不適用於IE7和IE8。

任何人都可以告訴我任何其他方式來獲得維度，以便它可以在所有瀏覽器中工作嗎？

Answer 1

您可以創建一個圖像對象，創建圖像對象後，從顯示要上傳圖像的圖像標籤中獲取圖像，然後通過前面寫入的方法獲取圖像的尺寸。

var v=new Image(); 
v.src=document.getElementById("up_img").getAttribute('src'); 
alert(v.width); 

記住，你將不得不使用中的Base64方法來獲取圖像顯示在圖像標籤，我不知道它是否在IE中支持或不但是在Chrome中提供的HTML5設施，Firefox，Opera。

Answer 2

出於安全原因，IE9，IE8，IE7不支持訪問客戶端計算機上的文件;這就是爲什麼你沒有得到任何寬度或高度。您需要將圖像上傳到您的服務器上，然後將其顯示給某個圖像控件並獲取高度和寬度。如果您不希望圖像可見，則可以設置visibility:hidden。

鳥瞰

的一種方式可能是在上載，你顯示一個進度條，同時使用Ajax文件到臨時文件夾保存圖像名稱作爲臨時ID您的服務器上，並存儲在ID中數據庫（以便稍後可以將其刪除），然後將其顯示在圖像控件中。然後獲取高度和寬度。