作爲html格式字段的文件上傳

我有一個多輸入字段的表單。我想添加一個文件作爲文件upload.How我完成這個給定的事實，即HTML不支持嵌套窗體標籤。作爲html格式字段的文件上傳

<form class="form-horizontal" action="profile.php" method="post"> 
    <fieldset> 

     <!-- Form Name --> 
     <legend>Jobseeker profile</legend> 

     <!-- Text input--> 
     <div class="form-group"> 
      <label class="col-md-4 control-label" for="txtaddress">Address</label> 
      <div class="col-md-4"> 
       <input id="txtaddress" name="txtaddress" type="text" placeholder="" class="form-control input-md"> 

      </div> 
     </div> 

     <!-- Text input--> 
     <div class="form-group"> 
      <label class="col-md-4 control-label" for="txtmob">Mobile</label> 
      <div class="col-md-4"> 
       <input id="txtmob" name="txtmob" type="text" placeholder="" class="form-control input-md"> 

      </div> 
     </div> 

     <!-- Date input ---> 
     <div class="form-group"> 
      <label class="col-md-4 control-label" for="date">DOB</label> 
      <div class="col-md-4"> 
       <input class="form-control" id="date" name="date" placeholder="MM/DD/YYYY" type="text"> 
      </div> 
     </div> 

     <!-- Select Basic --> 
     <div class="form-group"> 
      <label class="col-md-4 control-label" for="txtqualification">Highest Qualification Achieved<span style="color:red">*</span></label> 
      <div class="col-md-4"> 
       <select id="txtqualification" name="txtqualification" class="form-control"> 
        <option value="SC">SC</option> 
        <option value="HSC">HSC</option> 
        <option value="BSc">BSc</option> 
        <option value="MS">MS</option> 
        <option value="Phd">Phd</option> 
       </select> 
      </div> 
     </div> 

     <!-- File Button --> 
     <div class="form-group"> 
      <label class="col-md-4 control-label" for="btnChooseUpload">Upload CV<span style="color:red">*</span></label> 
      <div class="col-md-4"> 
       <input id="btnChooseUpload" name="btnChooseUpload" class="input-file" type="file"> 
      </div> 
     </div> 

     <!-- Text input--> 
     <div class="form-group"> 
      <label class="col-md-4 control-label" for="txtskills">Skills<span style="color:red">*</span></label> 
      <div class="col-md-4"> 
       <input id="txtskills" name="txtskills" type="text" placeholder="" class="form-control input-md" required=""> 
      </div> 
     </div> 

     <!-- Button (Double) --> 
     <div class="form-group"> 
      <label class="col-md-4 control-label" for="btnSubmit"></label> 
      <div class="col-md-8"> 
       <button id="btnSubmit" name="btnSubmit" class="btn btn-success">Submit</button> 
       <button id="btnCancel" name="button2id" class="btn btn-danger">Cancel</button> 
      </div> 
     </div> 

    </fieldset> 
</form>

如何添加僅用於文件上傳的enctype="multipart/form-data"？另外我想添加一個按鈕，以便用戶可以獨立上載表單上傳文件。

來源

2016-12-10 user2650277

你的問題到底是什麼？爲什麼你需要一個嵌套的表單來包含''？ – gyre

如果您也發佈了代碼，我們可能會看到您遇到的問題 – LGSon

@LGSon代碼添加 – user2650277

只需在您現有的<form>...</form>中添加一個<input type="file" />標記，以及其他input標記。

對於獨立上傳，您可以使用自己的提交按鈕創建第二個表單，或者添加具有不同名稱的提交按鈕，然後檢查服務器端請求以瞭解哪個按鈕觸發了提交。

來源

2016-12-10 10:02:13 dlatikay

問題中的短語_html是否不支持嵌套窗體tags_使您不知道OP意味着什麼？ ......我的意思是，最明顯的是添加一個輸入文件標籤，但是當提問者發佈這樣的短語時，告訴我她/他正在尋找的東西不僅僅是那個 – LGSon

當然。隨着問題的改善，回答質量會提高有時，基本問題後來發現是這樣的古代東西的重複：http://stackoverflow.com/questions/1342506/why-is-form-enctype-multipart-form-data-required-when-uploading-a -文件 – dlatikay

無論是否有文件輸入，您都可以在整個表格上使用multipart/form-data，主要區別在於字符不會像使用默認application/x-www-form-urlencoded時那樣編碼。（但是當一個使用文件輸入時，需要multipart/form-data）

對於一個單獨的按鈕來上傳文件，並假設你不想有兩個文件輸入字段，只需添加一個提交按鈕並命名該文件不同於完整的表單提交按鈕。

然後，在服務器端，您只需檢查表單提交的是哪一個，現在如果只處理上載或整個表單。

來源

2016-12-10 11:37:54 LGSon

作爲html格式字段的文件上傳

回答

相關問題