html文件上传为另一种表单的一部分

Question

想要我想要以下内容：

<form1 ...>

    ...

     <form2 ...>

         //This form uploads a file using AJAX and writes the content into a text field below.

     </form2>

     <input type="text"/>

</form1>

Firefox可以处理这个问题，但这次IE浏览器喜欢遵循W3C的规则而且它并没有真正起作用。

所以现在我必须通过javascript处理form1之外的form2。你能提供一些关于如何解决这个问题的帮助吗？

提前致谢。

Answer 1

挂钩提交事件（来自表单1的提交），并使用Prototype中的Ajax.Request之类的内容来抓取并发送表单2.您可能会发现Form.request也很有用。

TODO：我想是学习jQuery的方法。

Answer 2

为什么不尝试使用YUI库来执行AJAX文件上传？

以下是有关如何完成此操作的精彩教程： http://thecodecentral.com/2007/09/04/asynchronous-file-upload-yuis-approach

Answer 3

您将不得不在两个表单的submit事件上放置相同的处理程序。在其中，防止每个提交的默认行为。使用form2功能提交submit;然后从DOM中删除它。接下来，随时提交form1。当然，您也可以使用AJAX提交表单，因为您已经放置了处理程序。