检查图像尺寸客户端

Question

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

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

1. 如果可以在javascript中执行此操作，有人可以解释如何或向我展示一个开源示例

2. 如果不是，则接受这两种解决方案中的任何一种。

一个。图像从浏览器上传到服务器。一旦成功复制到服务器，你可以使用像PIL这样的第三方python库（我正在使用Django）来检查维度，然后如果它有效则返回ajax true / false

b。上传图像并将其插入DOM但隐藏它，然后使用

document.getElementByID（'＃image_id“）。height + width查看大小。 如果大小有效，则显示：阻止或其他。

a和b都有否定，所以如果有更好的解决方案，请告诉我

由于

Answer 1

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

f.e。使用getimagesize（）并使用imagecopyresampled（）缩小大小，如下例所示： http://www.php.net/manual/en/function.imagecopyresampled.php

如果你想在客户端调整大小，你就不能在没有插件的情况下做到这一点，迈克说。

顺便说一句：由于大多数访问者无法调整图片大小，因此尺寸限制并不明智。