PHP多图像上传与缩略图和拖放

我想实现多图像上传和拖放功能，但无法找到任何在线帮助我的具体情况

问题是我想把上传的图片调整到16:9的比例，并在上传时显示缩略图。此外，我还使用了一个标签，我写了一些css样式作为一个不错的上传按钮，我触发了一个隐藏的文件上传输入与该标签

<label for="image">Upload image</label>
<input type="file" name="images[]" id="image">

上传图像

我想我需要在每个“上传图像”按钮上使用jquery ajax单击以将图像发送到上传脚本，在该脚本中我调整图像的大小，将图像上传到服务器，并将图像路径返回jquery作为响应，以便显示调整大小的图像的缩略图。拖放功能也是一样，我会监听“拖放”并将拖放的图像发送到上传脚本

到目前为止，我可以毫无问题地开始工作，但问题是，在用户完成所有输入后单击按钮提交表单之前，我不想实际将图像上传到服务器。所以我的问题是，我可以用这种方式操作图像，而不是上传到服务器，将它们存储在本地某个地方，直到最后的提交按钮被点击

---

我想到了一个解决方案，我使用ajax将图像上传到服务器上的“临时”文件夹，然后在表单上提交将它们移动到“图像”文件夹，然后设置cron每天清空一次该文件夹，但我希望避免这种情况，因为用户可以开始填写表单，上传一些图像，然后就在他单击表单提交之前，cron进入并删除“temp”文件夹中的所有图像，他的图像丢失。

每次选择文件时（在文件输入更改时），我都通过jquery创建一个新的文件输入，从所有以前的文件输入中删除id并设置id=“image”对于我创建的新标签，当单击附加到它的标签时，它仍然可以工作

---

为了显示预览缩略图，我使用FileReader并将上传的图像设置为缩略图div的背景，我将其设置为响应16:9比例（底部填充：56.25%）。一旦表单提交，实际的图像裁剪就会在服务器上发生。

Google“blueimp jquery fileupload”已经看到了，对于我的应用程序来说，它似乎太“沉重”。。有太多的功能我不需要，它需要额外的插件包括那些我需要的