1、介紹enctype
- enctype 屬性規定發送到服務器之前應該如何對表單數據進行編碼。
- enctype作用是告知服務器請求正文的MIME類型(請求消息頭content-type的作用一樣)
1、1 enctype的取值有三種
值 | 描述 |
---|---|
application/x-www-form-urlencoded | 在發送前編碼所有字符(默認) |
multipart/form-data | 不對字符編碼。每一個表單項分割為一個部件 |
text/plain | 空格轉換為 “+” 加號,但不對特殊字符編碼。 |
1. 當enctype=’application/x-www-form-urlencoded’
2.當enctype=’multipart/form-data’
通過觀察發現這個的請求體就發生了變化。這種請求體被稱之為多部件請求體。
什么是多部件請求體:就是把每一個表單項分割為一個部件。
以請求頭的content-type的boundary后面的一串隨機字符串作為分割標識
普通表單項:
//name的意思是文本框里面name的屬性值,而admin是我們輸入的文本值
Content-Disposition: form-data; name="username"
admin
文件表單項
//filename的意思是:我們上傳的文件名稱,content-Type的意思是:MIME類型,asdasdas的意思是:文件里面的內容
Content-Disposition: form-data; name="upload"; filename="a.txt"
Content-Type: text/plain
asdasdas
3. 當enctype=’text/plain’
w3c稱:空格會變成”+”加號,但是我這里沒有發現,只有當get請求的時候,空格會變成”+”號
進入正題
完成上傳需要滿足3個必要的條件
- 提供form表單,method必須是post,因為get請求的傳輸數據一般為2kb,不同瀏覽器不一樣。
- form表單屬性enctype的必須是multipart/form-data
提供input type=”file”類的上傳輸入域
大致實現原理:當enctype的值是multipart/form-data時,瀏覽器會把每個表單項進行分割,分割成不同的部件,以boundary的值為分割標識,這個標識的字符串是隨機生成的,最后一個表單項的分割標識字符串末尾會多兩個”- -“,代表結束。服務端用request.getHeader(“content-type”)獲取分割字符串,然后進行解析。
代碼實現
一、開發環境搭建
准備兩個第三方jar包
commons-io包
commons-upload包
代碼實現
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 判斷表單的enctype值是不是"multipart/form-data"
boolean isMultipartContent = ServletFileUpload
.isMultipartContent(request);
if (!isMultipartContent) {
throw new RuntimeException("your form is not multipart/form-data");
}
// 創建一個DiskFileItemfactory工廠類
DiskFileItemFactory factory = new DiskFileItemFactory();
// 創建一個ServletFileUpload核心對象
ServletFileUpload sfu = new ServletFileUpload(factory);
// 解析request對象,並得到一個表單項的集合
try {
List<FileItem> fileItems = sfu.parseRequest(request);
// 遍歷表單項數據
for (FileItem fileitem : fileItems) {
if (fileitem.isFormField()) {
// 普通表單項
String fieldName = fileitem.getFieldName();
String fieldValue = fileitem.getString();
System.out.println(fieldName + "=====" + fieldValue);
} else {
//上傳表單項
//得到文件輸入流
InputStream is = fileitem.getInputStream();
//創建文件存儲目錄
String directoryRealPath = this.getServletContext().getRealPath("WEB-INF/upload");
//創建文件路徑
File storeDirectory = new File(directoryRealPath + File.separator + fileitem.getName());
//使用apache commons-io包,將輸入流轉成文件
FileUtils.copyInputStreamToFile(is, storeDirectory);
}
}
} catch (Exception e) {
e.printStackTrace();
}
}