如何通过AJAX提交复杂表格(包括文件)?

时间:2012-10-11 01:22:57

标签: javascript ajax forms html5 file-upload

我正在寻找一种机制来ajax-提交一个相当复杂的形式。想想“浏览器中的电子邮件”。我有多个“dropboxes”允许用户拖放文件附件,但我还需要同时提交其他表单元素。因此,我需要对文件项进行排队,而不是立即发送它们。

我已经看过100,000,001篇关于如何处理拖放的博客帖子和SO主题。我已经满足了。问题是一起提交完整表格而不是独立上传文件然后提交表格的其余部分。

我查看了FormData,但我遇到的例子似乎需要一个“旧学校”文件输入。而且由于你无法操纵JS中的文件输入,这种机制似乎对我没用。

我考虑过错开操作(例如,提交表单的主要部分,并在成功时使用单独的XMLHttpRequest和FileReader提交其后面的文件,但如果可能的话,我宁愿一起完成。)

此外,有一个支持IE的解决方案会很好,但坦率地说FF和Safari就足够了。任何援助将不胜感激。希望我忽略了一些简单的事情。提前谢谢。

0 个答案:

没有答案