首頁  >  文章  >  web前端  >  js取得前端在本地上傳圖片的尺寸方法

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

小云云
小云云原創
2017-12-13 15:22:502328瀏覽

前端上傳圖片的尺寸怎麼取得呢?本文就和大家簡單分享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」的標籤如下:

##

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

相關推薦:

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

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

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn