js獲取上傳圖片的寬高

❶ js如何獲取圖片的尺寸

項目的需求是上傳一張圖片，然後驗證該圖片的尺寸，如果跟預期的不符，就不給上傳

首先，可以通過new FileReader()，再通過將上傳的圖片文件傳給實例的readAsDataUrl()，當文件載入完成觸發onload事件，傳遞event，通過event.target.result來獲取圖片的鏈接(base64格式的)

接著，new Image()實例，將上面獲取的鏈接設置為圖片的src屬性，當圖片載入完成觸發onload事件就可以通過width、height屬性來讀取圖片的長寬啦~~

❷ 怎麼用js獲取在上傳前圖片的寬，高

點擊圖片的屬相看看圖片的寬跟高，再看看資料庫里的寬跟高，要是圖片大了小了，就把圖片用ps改一下大小啊

❸ js如何獲取圖片顯示時的大小尺寸

給img添加載入事件，圖像載入完成才能獲取圖片的尺寸。
html中添加onload
function showSize(img){
alert(img.width);
alert(img.height);
}
<div style="width:100px;height:600px"><img src="1.jpg" onload="showSize(this)"></div>
或者js代碼中添加onload
let img=document.querySelector("div img");
img.onload = function() {
alert(img.height);
alert(img.width);
}