在使用document.getElementById('xxx').files[0]時,關於計算圖片大小


      在使用文件上傳屬性時,一直好奇圖片上傳的大小時如何計算的,最近在使用中認識到的計算方式:

     首先,圖片大小的存儲基本單位是字節(byte)。每個字節是由8個比特(bit)組成。所以,一個字節在十進制中的范圍是[0~255],即256個數。

     再來說說圖片怎么計算出大小的吧

     1.圖像占用內存空間的大小:分辨率 * 位深 / 8

     2.分辨率:寬 * 高 (其中這些屬性都可在圖片的屬性欄中查看到)

    具體計算方式: 寬*高*位深/8/1024 得出的就是圖片的大小(KB)

   但是這里我更傾向於反向利用H5的files[0]來計算出圖片的大小:

    1.獲取到圖片的size值:如

      var _files = document.getElementById('xxx').files[0].size;//獲取到圖片的size值

    2.計算圖片大小

      // 1B=8b(大寫的B代表Byte,即“字節”。小寫的b代表bit,即“位”。這個大小寫要嚴格區分的)

      1KB=1024B

      1MB = 1024KB

 

      byte = _files/1024;  // 得到的就是圖片的大小了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM