上傳時獲取圖像的尺寸

瀏覽和上傳圖像時，我想知道圖像的高度和寬度，並基於此我想調整大小並顯示它。我可以實現這一點與JavaScript？上傳時獲取圖像的尺寸

我想這下面的代碼，但其工作只在IE瀏覽器，請任何其他解決方案？

img_id++; 
var id="imgid"+img_id; 
image = document.getElementById('submit').value; 
document.getElementById('div').innerHTML="<img id='"+id+"' src='"+image+"' >"; 
document.getElementById(id).style.visibility="hidden"; 
alert(document.getElementById(id).offsetWidth +'by'+document.getElementById(id).offsetHeight);

謝謝。

來源

2012-05-01 MadhuB

不有什麼做與Java權自動（這將保持你的寬高比）？刪除了標籤。 –

沒有這是純粹的JavaScript不可能的。它不能從客戶機硬盤讀取鏡像文件，必須先將其上傳到服務器。 –

@Shadow：HTML5 File API應該可以工作。 –

爲什麼你將id指定爲'div'？ 'div'是HTML中的標籤：

document.getElementById('div').innerHTML="<img id='"+id+"' src='"+image+"' >";

將其更改爲其他內容並檢查其是否有效。

來源

2012-05-01 11:30:56 Satya

您是否希望保持縱橫比？

您是否嘗試設置這樣的CSS：

$('#theImage').css('height', WHATEVER_SIZE); 
$('#theImage').css('width','auto');

可能不需要

來源

2012-05-01 11:36:02 user1367351

上傳時獲取圖像的尺寸

回答

相關問題