文章目錄

• 前言
• 一、enctype 屬性設(shè)置
• 二、文件域的設(shè)置
• 總結(jié)

---

前言

我們在使用 HTML 寫表單的時(shí)候，如果需要上傳本地文件至服務(wù)器，我們就需要對文件域中的 enctype 屬性進(jìn)行調(diào)整并設(shè)置提交方式，本文對這一屬性做了簡單總結(jié)和案例介紹。

---

一、enctype 屬性設(shè)置

enctype 屬性用于設(shè)置 MIME 類型，默認(rèn)值為：

application/x-www-form-urlencoded

將文件上傳至服務(wù)器，需將編碼方式設(shè)置為下，同時(shí)表單提交方式應(yīng)為 post。

multipart/form-data

二、文件域的設(shè)置

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

代碼如下：

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

運(yùn)行截圖如下：

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

---

總結(jié)

HTML 里面的小設(shè)置和細(xì)節(jié)特別多，需要特別細(xì)心還需要多做，這也就是為什么前端程序員里面女生比較多。當(dāng)然，我們?nèi)绻洸蛔】梢匀ゲ?W3school 的教程，對于前端程序員來說是一本不錯(cuò)的字典。

---

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

總結(jié)

以上是生活随笔為你收集整理的提交文件至服务器的设置——表单属性中的 enctype的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。