检查图像尺寸客户端

Question

我有一个网站，用户应该上传图片。我试图找出设置这些图像的最大宽度/高度的最佳方法，并在上传之前进行检查。

我知道像bandcamp这样的网站有这个功能，而且看起来他们在javascript中做这个客户端，但是当我读到网络上所有类似的问题时，听起来好像不可能。所以这是我的问题。

1. 如果能够做到这一点在JavaScript中，可以有人解释如何或告诉我一个开源的例子

2. 如果不是，那么要么接受这两种解决方案。

a。图像从浏览器上传到服务器。一旦它被成功地复制到服务器，你可以使用像PIL（我使用Django）的第三方Python库来检查尺寸，然后返回ajax真/假如果它是有效的

b.Uploaded将图像插入到DOM中但隐藏起来，然后使用

document.getElementByID（'＃image_id“）。height + width查看大小 如果大小有效，则显示：block或不管。

A和b都底片，所以如果有一个更好的解决方案，让我知道

感谢

Answer 1

为什么不简单接受所有尺寸，并用PHP检查大小？

f.e.用和getimagesize（），并减少与imagecopyresampled（）就像它在示例中显示的大小： http://www.php.net/manual/en/function.imagecopyresampled.php

如果你想调整在客户端，你不能这样做，没有一个插件作为迈克说。

BTW：大小限制是不聪明尽可能多的观众无法调整图像。