技术教程 编程教程 在使用document.getElementById('xxx').files[0]时，关于计算图片大小 正文

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

2023-06-07,,

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

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

在使用document.getElementById('xxx').files[0]时，关于计算图片大小的相关教程结束。

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

下载本文的Word格式文档，以方便收藏与打印。

Copyright 2023. 昆居客 - IT编程,互联网信息技术文档大全!