JS獲取圖片原始寬高即圖片原始尺寸，我們可以通過(guò)html5 naturalWidth和naturalHeight屬性來(lái)獲取圖片原始尺寸。使用HTML5圖像naturalWidth和naturalHeight屬性，能夠很容易地找到圖像的原始的寬度和高度。
推薦參考：《JAVAScript教程》
那么在前面的文章中，已經(jīng)給大家介紹過(guò)JS獲取圖片當(dāng)前寬高的方法，其實(shí)與獲取原始寬高的方法類(lèi)似，需要的朋友可以先行參考。
下面我們就繼續(xù)結(jié)合具體的代碼示例，給大家介紹js獲取原始圖片尺寸大小的方法。
代碼示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>js獲取圖片原始寬高的示例</title>
<script type="text/JavaScript">
function imgSize(){
var myImg = document.querySelector("#sky");
var realWidth = myImg.naturalWidth;
var realHeight = myImg.naturalHeight;
alert("原始 width=" + realWidth + ", " + "原始 height=" + realHeight);
}
</script>
</head>
<body>
<img src="./1/png" id="sky" style=" width:250px;" >
<p><button type="button" onclick="imgSize();">獲取</button></p>
</body>
</html>
不同于獲取圖片當(dāng)前寬高的clientWidth和clientHeight屬性，獲取圖片原始尺寸主要是通過(guò)naturalWidth和naturalHeight屬性。這兩個(gè)屬性獲取的圖片原始寬高，不會(huì)因外部width和height屬性設(shè)置的改變而改變。
這里我們使用的圖片，原始寬高如下：716x565px；
那么用上述js代碼獲取圖片原始尺寸結(jié)果如下圖所示：
注：querySelector() 方法返回文檔中匹配指定 css 選擇器的一個(gè)元素。querySelector() 方法僅僅返回匹配指定選擇器的第一個(gè)元素。如果你需要返回所有的元素，請(qǐng)使用 querySelectorAll() 方法替代。
本篇文章就是關(guān)于js獲取圖片原始寬高的方法介紹，也很簡(jiǎn)單，希望對(duì)需要的朋友有所幫助！
