#1.表單上傳文件的步驟：

##- 1）設置enctype

默認為：enctype="application/x-www-form-urlencoded"（一般不設置）若要表單中有需要上傳文件的表單項時，則必須設置enctype：enctype="multipart/form-data"

##- 2）設置method：提交方式

默認：get 需要上傳文件時，必須設置為post

因為get方式攜帶的信息量太小，而且傳輸的數據都會顯示在地址欄，對于圖片等文件無法處理

---

#2.上傳文件

##一次只能選擇一個文件上傳

偽代碼

<form action="UploadOneServlet" method="post" name="f_upload" enctype="multipart/form-data"><input type="text" name="username" /><br><input type="file" name="filename" /><br><input type="submit" value="上傳" /> </form>

運行結果

此時我們可以看到一次只能選擇一個文件，進行上傳。

---

#一次能同時選中多個文件同時上傳

很多時候我們需要同時選擇多個文件實現多個文件的上傳，那么只選擇一個文件的情況就不適用，如何設置呢？

在input中設置屬性multiple即可 - - multiple=“multiple”

偽代碼

<form action="UploadOneServlet" method="post" name="f_upload" enctype="multipart/form-data"><input type="text" name="username" /><br><input type="file" name="filename" multiple="multiple" /><br><input type="submit" value="上傳" /> </form>

運行結果

此時我們可以看到一次可以選擇多個文件，進行上傳。

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的如何设置input实现同时选中多个文件并同时上传的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。