php - 在较大的表单中上传文件(一个页面上的两个表单)，如何同时提交两组数据(文件和表单)？ (PHP)

Question

我有一个表单，其中包含输入的问题列表，然后是上传文件(如果有)的邀请。

我通过弹出包含上传的表单来避免嵌套表单。困难在于，如果他们在 uploader 表单上按提交，它将在目标页面上处理上传，同样，如果他们在表单的其余部分点击提交，则不会提交上传。

我怎样才能同时做这两件事？

我的代码:

<form id="questions" action="page2.php" method="POST">
    Question 1 <input name="q1"/>
    Question 2 <input name="q2" />  
    Have any files to add? <button id="upload-button">Upload</button>
    <input type="submit" value="Submit Answers" />
</form>


<div class="hidden">
    <form id="fileupload" enctype="multipart/form-data" action="uploader.php" method="POST">
        <input id="fileupload" type="file" name="files[]"  multiple>
        <input  type="submit" value="Upload Files" />
    </form>
</div>

如果有人按下按钮添加文件，jQuery 将弹出隐藏的 div。

我对将它们发布到同一个地方没有问题，但我尝试使用 javascript 为每个按钮使用单击事件来提交两个表单，但它没有用。(后面看stack overflow说明只有最后一次提交才这样处理)

有什么想法吗？谢谢

Answer 1

非常简单，像这样构建您的 HTML，并一次处理来自 page2.php 和 uploader.php 的逻辑(即在 page2.php 中包含文件上传逻辑)。如果您向我们展示这两个文件的内容，我可以向您展示如何组合它们。

还添加了带有关联输入链接的标签，并将提交输入替换为按钮元素。

<form id="questions" enctype="multipart/form-data" action="page2.php" method="POST">
    <label for="q1">Question 1</label>
    <input id="q1" name="q1" type="text" />

    <label for="q2">Question 2</label> 
    <input id="q2" name="q2" type="text" />  

    <label for="fileupload">Upload a File<label>
    <input id="fileupload" type="file" name="files[]"  multiple />

    <button type="submit">Submit</button>
</div>