完整的多个HTML5上传器，具有拖放，调整大小和重命名功能

Question

我目前正在为一所空手道学校创建一个网站，但我被困在"添加照片"部分。

我想知道如何创建一个具有拖放功能的完全HTML5图片上传器，调整大小以制作缩略图，并重命名图片以符合PHP规范。

以下是我对上传者的规范：

-> Drag and Drop from a local folder
-> If the image is not the correct ratio, provide a image cropping. (Like Twitter)
-> Resizing like this:
    -> Detect the aspect ratio (4:3 / 16:9)
    -> Create a thumb of 40% of the size
-> Create 2 files in the "Uploads" folder
    -> {a random ID}.{png,jpg,gif,etc...} (full size)
    -> {the same ID-thumb.{the same ext} (thumbnail)

我想只用JS和PHP来创建这个。我为这个应用程序使用 Zend 框架。

我希望这在PHP和HTML5中是可能的，但我还没有尝试任何东西。我不想浪费时间，因为我是有报酬的，所以时间就是现金！

Answer 1

对于 HTML 上传，您当然可以使用 plupload，我已经使用了它并且工作正常。

对于重新调整大小和生成拇指，您可以创建自定义函数并集成它进入上传或可能去 FFMPEG