javascript - 另一个表单中的表单 - 在另一个表单中使用 Blueimp 文件 uploader

Question

我正在构建一种内部通信工具，用户可以在其中发表评论和附加文件。

我正在使用蓝色 imp 文件 uploader :https://github.com/blueimp/jQuery-File-Upload/

我在这里做了一个 jsfiddle:http://jsfiddle.net/denislexic/s56xG/12/

但为了简化，我在这里做了一个摘录:

<form action="/path/to/submit/" method="post" style="padding:10px;">
    <textarea style="display:block; width:60%;"></textarea>


    <form id="fileupload" action="server/php/" method="POST" enctype="multipart/form-data">
        <!-- Blue imp form stuff in here -->
    </form>


    <a href="#" class="btn JS_fileUpload">Attach file</a>
    <button type="submit" class="btn btn-primary">Post</button>
</form>

问题是，在设计上，我真的需要提交按钮在文本区域和文件 uploader 之后，而文件 uploader 必须在两者之间......所以这意味着我必须有嵌套表单(这不不行)？还有其他解决方案吗？

PS:我看过这个问题，但似乎不相关:Submitting form located within another form

在此先感谢您的帮助。

Answer 1

一种简单的方法是不使用 <form>但是另一个元素，比如 div :

<div id="fileupload">

您需要更新脚本并设置 url参数:

    $('#fileupload').fileupload({
        url: 'http://www.example.com/uploadFile.php',

希望这对您有所帮助。