在使用document.getElementById('xxx').files[0]时,关于计算图片大小

时间:2021-05-22 21:24:24

在使用文件上传属性时,一直好奇图片上传的大小时如何计算的,最近在使用中认识到的计算方式:

     首先,图片大小的存储基本单位是字节(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;  // 得到的就是图片的大小了