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

Question

在PHP中有filesize() ，而在javascript中呢？

Answer 1

您无法在javascript中执行此操作。

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

Answer 2

最好的办法是告诉用户仅接受小于X字节的图像。 您不能阻止他上传小于php.ini中定义的最大上传大小的图像。

获取图像，然后在服务器端使用PHP进行检查，检查大小并显示错误消息（如果太大）。

---

当然，您可以使用AJAX。 如果需要，请使用像这样的AJAX上传控件。 该检查仍将在服务器端进行，但您的页面将更具交互性和敏捷性。

Answer 3

您可以使用Flash Uploader获取文件大小，然后再将任何内容发送到服务器。 例如jquery插件（如uplodify.com）或YUI Uploader 。 但是无论如何，您应该通过检查POST数组$ _FILES再次检查php端

Answer 4

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

Answer 5

无需服务器端：

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

单独使用javascript无效，因为js除非样式中将其设置为固定值，否则不会返回宽度/高度。