---

前言

我們在使用 HTML 寫表單的時候，如果需要上傳本地文件至服務器，我們就需要對文件域中的 enctype 屬性進行調整并設置提交方式，本文對這一屬性做了簡單總結和案例介紹。

---

一、enctype 屬性設置

enctype 屬性用于設置 MIME 類型，默認值為：

application/x-www-form-urlencoded

將文件上傳至服務器，需將編碼方式設置為下，同時表單提交方式應為 post。

multipart/form-data

二、文件域的設置

設置文件域時，type 的屬性值必須為"file"，name 設置文件域的名稱，用于在腳本中獲取域的數據。

代碼如下：

<form name="form1" action="register.jsp" method="post" onsubmit="" enctype="multipart/form-data">請上傳相片：<input type="file" name="photo">
</form>

運行截圖如下：

說明：在上圖中，用戶可直接將需上傳的文件路徑填寫在文本框中，也可以點擊“瀏覽”按鈕，在本地找到需要上傳的文件。

---

總結

HTML 里面的小設置和細節特別多，需要特別細心還需要多做，這也就是為什么前端程序員里面女生比較多。當然，我們如果記不住可以去查 W3school 的教程，對于前端程序員來說是一本不錯的字典。

---

我是白鹿，一個不懈奮斗的程序猿。望本文能對你有所裨益，歡迎大家的一鍵三連！若有其他問題、建議或者補充可以留言在文章下方，感謝大家的支持！
更多資訊微信搜索公眾號【WDeerCode代碼圈】