獲取圖像大小，src，Javascript

Question

我不是很擅長JS。我有一個問題，找不到解決方案。這是我的代碼，它在輸入後顯示圖像。我想展示他們，但我也需要他們的大小couse他們中的一些需要調整大小，但其他沒有。我發現一些代碼與圖片的src，但在這裏我認爲是沒有src。圖片可能不是我的。

有沒有辦法讓沒有src的大小或如何從代碼中獲取？

<img id="uploadPreview" style="width: 600px; height: 400px" /> 

<input id="uploadImage" type="file" name="myPhoto" onchange="PreviewImage();" /> 

<script type="text/javascript"> 
function PreviewImage() { 
    var oFReader = new FileReader(); 
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]); 

    oFReader.onload = function (oFREvent) { 
     document.getElementById("uploadPreview").src = oFREvent.target.result; 
    }; 
}; 

Answer 1

下面是代碼得到以字節爲單位和寬度/高度尺寸。

您必須從img#uploadPreview標記中移除寬度和高度以使其起作用。

function PreviewImage() { 
    var oFReader = new FileReader(); 
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]); 

    oFReader.onload = function (oFREvent) { 
     var element = document.getElementById("uploadPreview"); 
     document.getElementById("uploadPreview").src = oFREvent.target.result; 

     //total size in bytes 
     var sizeInBytes = oFREvent.total; 

     //for this to work, you have to remove the width/height from the img#uploadPreview element 
     var imageWidth = element.width; 
     var imageHeight = element.height; 
    }; 
};