【发布时间】：2015-10-17 23:02:27
【问题描述】：
我目前有一个相当标准的网络表单，用户可以在其中输入姓名、电话号码、职位等，然后一旦他们按下提交，数据就会保存到数据库并保存到配置文件中，以便他们可以在何时更新它他们也需要。
我想在表单中添加一个功能，允许用户上传图片作为头像，还可以将图片裁剪为我们指定的尺寸。
我正在尝试在此表单中实现 jquery 插件http://fengyuanchen.github.io/cropper/。我正在使用位于该页面底部的演示代码。此代码创建一个模式窗口，用户可以在其中上传图像，根据需要进行裁剪，然后单击完成将文件上传到服务器。
我遇到的问题是来自cropper 站点的代码在模态窗口中创建了一个表单，该窗口位于用户输入详细信息的站点上已经存在的表单内。我意识到您不能在表单中拥有表单，这意味着当用户在模式窗口中上传图像然后单击“完成”时，它会同时保存两个表单。
如何将这个模态窗口放在这个用户表单中？我希望这一切都有意义，但我认为我的逻辑如下：
- 点击头像按钮
- 加载模态窗口
- 用户选择要上传的图像。
- 用户选择如何裁剪图像。
- 用户在模式窗口中完成点击，图像被上传到服务器。模态窗口关闭
- 用户填写用户表单的其余部分，数据连同他们刚刚上传的图像的新 URL 一起发送到数据库。
有人能指出我正确的方向或给我一些关于我缺少什么的提示吗？
谢谢
【问题讨论】：