在表单中上传和裁剪多张图片

Question

我正在为博客系统设计后端。 （我是初学者） 在我创建帖子的页面中，我使用一个大表单来表示标题、摘要、类别、内容、标签等。

在此表单中，提交者向我请求图片上传表单以及以 3 种不同格式裁剪上传的图片的选项。

问题当然是我还没有上传我的图片（通常我在提交表单时上传图片）但是在这里我需要在提交表单之前上传、裁剪和保存裁剪文件。

我怎样才能获得这样的东西？

我的想法是使用 ajax 上传图片，然后我将放置一个裁剪按钮，打开一个弹出窗口，其中包含一个新页面（和一个新表单）来裁剪上传的图片。

我知道，如果我在不提交表单的情况下关闭页面，我会创建“垃圾邮件”，但我无法想象其他方法可以获取此信息。

有什么想法或建议吗？

Answer 1

旧的还是新的？
我认为你在正确的轨道上。答案主要取决于您是否要取消旧浏览器的资格 - 例如，考虑到 IE8，没有简单的方法可以在浏览器端进行整个裁剪。

老办法
在这种情况下，我只会使用一个带有临时目录的目录，您不时检查并删除超过一两个小时且尚未移动到永久存储的文件。没有什么花哨或复杂的。

HTML 5
如果您只能使用 HTML5，那么这里有一个不错的HTML 5 solution。有关其他一些可行的解决方案，请参阅“较低”的答案。