上传并裁剪表单中的多个图像

时间:2013-12-04 08:16:34

标签: jquery html image forms

我正在为博客系统设计后端。 (我是初学者) 在我创建帖子的页面中,我使用了一个大表格来标题,摘要,类别,内容,标签等。

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

问题当然是我还没有上传我的图片(通常我在提交表单时上传图片)但是在这里我需要上传,裁剪并保存裁剪文件,然后再提交表单。

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

我的想法是使用ajax上传图像,然后我将放置一个裁剪按钮,打开带有新页面(和新表单)的弹出窗口以裁剪上传的图像。

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

有任何想法或建议吗?

1 个答案:

答案 0 :(得分:0)

旧有还是新?
我认为你是在正确的轨道上。答案主要取决于你是否想要取消旧版浏览器的资格 - 考虑到IE8,例如,浏览器方面没有简单的方法可以解决整个裁剪问题。

好老路
在这种情况下,我会选择带有临时文件的目录,您可以不时检查并删除超过一两小时且尚未移至永久存储的文件。没有什么花哨或复杂的。

HTML 5
如果你只使用HTML5,那么SO上就有一个不错的HTML 5 solution。对于其他一些可行的解决方案,请参阅“较低”的答案。