在纯Javascript中检索图像文件的大小（以字节为单位）

Question

服务器端开发人员这里是JS新手。这个问题是关于通过纯JS检索通过browse输入元素（在form中）选择的图像的大小。

目前，我知道在这种情况下获取大小（以字节为单位）的最简单方法是e.target.files[0].size。

我的问题是：这是检索文件大小的可靠方法吗？或者它可以轻易地欺骗文件扩展名吗？

我需要对允许上传的图片尺寸设置上限。我也在服务器端这样做，并将它添加到客户端以获得额外的安全性（并在JS中修补以学习绳索）。

如果这是一种检索图像尺寸的不可靠方法，我很乐意看到替代方案的说明性示例。我期待上传PNG，JPEG和GIF。

注意：请坚持使用纯JS来解决此问题的范围。 JQuery也在我的雷达上，但只是在我吸收了香草JS的基础之后。

Answer 1

是的，e.target.files[0].size是推荐的方法：https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications