带有/图像的 JavaScript 发布请求答案

【问题标题】：JavaScript Post Request w/ Image带有/图像的 JavaScript 发布请求
【发布时间】：2011-03-10 21:14:25
【问题描述】：

恐怕我已经知道这个问题的答案了。我希望离线展示一个 HTML5 表单，用户可以在其中选择要上传的图像。一旦用户重新上线，图像将被上传。我可以从文件输入中提取所有数据，但是有没有办法通过 post 发送数据以将 blob 保存在服务器上？

我正在使用 jQuery 并且有一个 Rails 后端（典型的文件上传是通过 CarrierWave 处理的）。

【问题讨论】：

【解决方案1】：

您可以创建online 事件并在包含您的文件图像的表单上调用submit()。

【讨论】：

用户需要离开到页面（或添加多个条目），所以表单确实需要通过JS进行预处理，然后再发布。
执行与 AJAX 上传脚本 (github.com/valums/ajax-upload) 相同的操作，但稍后立即上传。上传脚本使用按钮顶部的文件输入文件，因此当您单击按钮时，您单击 iframe 内的文件输入文件。您也可以这样做，但在添加一个文件后，您添加另一个文件（更改 CSS 位置），当用户重新上线时，您使用提交将它们全部上传。
您可以使用数组作为字段名称，thefutureoftheweb.com/blog/use-arrays-with-html-form-inputs，如果用户处于离线状态，只需为所有变量（如 <input name="name[]" /><input name="email[]" />）添加另一个输入文件到表单并隐藏之前插入的那些。如果您以这种方式这样做，您的服务器代码将不会更改，它将始终获得names 和emails 的数组（如果用户离线，则有一个或多个条目）。