Question

我想将表单拆分为多个divs，但现在只上传第一张图片。任何人都可以看到它出错了吗？我尝试按照建议here将form="form"添加到submit字段，如下所示：

<input type="submit" value="Upload" id="submit" name="submit" class="submit-file" form="form"/>

但它给了我相同的结果（只有第一张图片上传）。我必须更改什么才能提交两个文件？

码

    <div >  
        <h1>IMAGE 1</h1>        
        <form id="form" action="update.php" enctype="multipart/form-data" method="post">                
            <fieldset id="f1">
                <input type="file" name="fileToUpload" id="fileToUpload"/>  
            </fieldset>    
        </div>


        <div >
            <h1>IMAGE 2</h1>
            <fieldset id="f2">
                <input type="file" name="fileToUpload2" id="fileToUpload2"/>        
            </fieldset >        
        </div>



        <div >
            <h1>UPLOAD BOTH IMAGES</h1>
            <fieldset id="f3">
                <input type="submit" value="Upload" id="submit" name="submit" class="submit-file" />
            </fieldset>
        </form>
    </div>

Answer 1

如果您更改了这样的标记，那么您应该没问题

<form id="form" action="update.php" enctype="multipart/form-data" method="post">
  <div>  

    <div>  
      <h1>IMAGE 1</h1>                                
      <fieldset id="f1">
        <input type="file" name="fileToUpload" id="fileToUpload"/>  
      </fieldset>    
    </div>

    <div>
      <h1>IMAGE 2</h1>
      <fieldset id="f2">
        <input type="file" name="fileToUpload2" id="fileToUpload2"/>        
      </fieldset >        
    </div>

    <div>
      <h1>UPLOAD BOTH IMAGES</h1>
      <fieldset id="f3">
        <input type="submit" value="Upload" id="submit" name="submit" class="submit-file" />
      </fieldset>
    </div>

  </div>
</form>

提交表格拆分多重div

1 个答案: