如何使用javascript以字节为单位获取图像大小

Question

请告诉我如何使用javascript以字节为单位获取图像文件大小。

由于

Answer 1

如果javascript引擎支持canvas元素，您可以尝试使用canvas元素和getImageData从图像中获取像素数据。然后，根据图像的类型，您可以创建此图像的二进制表示。

以下是有关canvas元素和getImagedata api的信息：

http://www.whatwg.org/specs/web-apps/current-work/#dom-context-2d-getimagedata

Answer 2

要获取图像大小，您需要在服务器上访问它。 Javascript是一个客户端实用程序，因此无法直接从服务器检索信息。

您必须发送Ajax请求才能与服务器通信。或者，在创建页面时，将文件大小保存在<input type='hidden' />框中，并在需要时访问它们或类似的解决方案。

Answer 3

如果您有base64编码的图像src，则可以使用img.src.length * 0.75来确定保存到磁盘时所需的文件大小非常接近。