js取得前端在本地上傳圖片的尺寸方法

前端上傳圖片的尺寸怎麼取得呢？本文就和大家簡單分享js取得前端在本地上傳圖片的尺寸方法，希望能幫助大家。

var MyTest = document.getElementById("upload_img").
files[0];var reader = new FileReader();
reader.readAsDataURL(MyTest);
reader.onload = function(theFile)
 {　
 　var image = new Image(); 
 　 image.src = theFile.target.result;  
 　   image.onload = function() 
 　   {   
 　   　 alert("图片的宽度为"+this.width+",长度为"+this.height);    };
};

其中，id為「upload_img」的標籤如下：

##

<input type="file" size="20" autocomplete="off" id="upload_img" name="Uploadfile">

大家學會了嗎？趕快動手嘗試。

相關推薦：

如何用PHP改變圖片的尺寸_PHP教學

JavaScript如何取得圖片的真實大小的詳解

分享一個JS實作取得圖片大小和預覽的方法#

以上是js取得前端在本地上傳圖片的尺寸方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！