檢查圖像尺寸客戶端

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：大小限制是不聰明儘可能多的觀衆無法調整圖像。