如何在javascript中获取图像的大小？

Question

在PHP中有filesize()，在javascript中怎么样？

Answer 1

你不能在javascript中这样做。

您可以向获取大小的PHP函数发送异步消息，然后使用javascript显示它，但是没有完整的JS方法。

Answer 2

您可以做的最好的事情是告诉用户只接受小于X字节的图像。您无法阻止他上传小于php.ini中定义的最大上传大小的图片。

在PHP中获取图像，然后获取服务器端，检查大小并显示错误消息，如果它太大。

---

当然，您可以使用AJAX。如果需要，可以使用像this one这样的AJAX上传控件。检查仍将在服务器端完成，但您的页面将感觉更具互动性和敏捷性。

Answer 3

在将任何内容发送到服务器之前，您可以使用Flash上​​载程序获取文件大小。例如jquery插件（如uplodify.com）或YUI Uploader。但无论如何你应该通过检查POST数组$ _FILES

再次检查php端

Answer 4

当上传开始时，浏览器会将图像文件大小作为HTTP标头的一部分发送到服务器。因此，您可以在传输超过几KB的图像之前检查大小并中止上传。请注意，大小不准确，因为可以为传输编码数据，因此大小可能太大。

Answer 5

无需服务器端：

将空div添加到包含padding:0和display:"inline"的页面（需要“内联”，以便宽度折叠）。使用jQuery或其他js框架，将图像放入div。 div将调整大小以适合图像。 jQuery将返回div的正确宽度/高度，这是图像的宽度/高度。

单独使用javascript不起作用，因为js不会返回宽度/高度，除非它在样式中设置为固定值。