【轉】HTML中的form表單的兩種enctype屬性

最近做項目時,發現手機客戶端通過http協議post方式上傳數據到服務端,在服務器端通過request.getInputStream()能獲取到相應的數據,但用request.getParameter()卻獲取不到數據。這是怎麼回事呢,後來發現這種情況跟form表單的屬性 enctype有關係。

HTML中的form表單有一個關鍵屬性 enctype=application/x-www-form-urlencoded 或multipart/form-data。

 

1、enctype="application/x-www-form-urlencoded"是默認的編碼方式,當以這種方式提交數據時,HTTP報文中的內容是:

Html代碼  收藏代碼
  1. <span style="font-size: small;">POST /post_test.php HTTP/1.1   
  2. Accept-Language: zh-CN  
  3. User-Agent: Mozilla/4.0   
  4. Content-Type: application/x-www-form-urlencoded   
  5. Host: 192.168.12.102  
  6. Content-Length: 42  
  7. Connection: Keep-Alive  
  8. Cache-Control: no-cache  
  9.    
  10. title=test&content=%B3%AC%BC%B6%C5%AE%C9%FA&submit=post+article   
  11. </span>  

Servlet的API提供了對這種編碼方式解碼的支持,只需要調用ServletRequest 類中的getParameter()方法就可以得到表單中提交的數據。


2、在傳輸大數據量的二進制數據時,必須將編碼方式設置成enctype="multipart/form-data",當以這種方式提交數據時,HTTP報文中的內容是:

 

Html代碼  收藏代碼
  1. <span style="font-size: small;">POST /post_test.php?t=1 HTTP/1.1  
  2. Accept-Language: zh-CN  
  3. User-Agent: Mozilla/4.0    
  4. Content-Type: multipart/form-data; boundary=---------------------------7dbf514701e8  
  5. Accept-Encoding: gzip, deflate  
  6. Host: 192.168.12.102  
  7. Content-Length: 345  
  8. Connection: Keep-Alive  
  9. Cache-Control: no-cache  
  10.    
  11. -----------------------------7dbf514701e8  
  12. Content-Disposition: form-data; name="title"  
  13. test  
  14. -----------------------------7dbf514701e8  
  15. Content-Disposition: form-data; name="content"  
  16. ....  
  17. -----------------------------7dbf514701e8  
  18. Content-Disposition: form-data; name="submit"  
  19. post article  
  20. -----------------------------7dbf514701e8--</span>  

如果以這種方式提交數據就要用request.getInputStream()或request.getReader()來獲取提交的數據 用 request.getParameter()是獲取不到提交的數據的。

 

 

最後注意request.getParameter()、request.getInputStream()、request.getReader()這三種方法是有衝突的,因爲流只能被讀一次。
比如:
當form表單內容採用enctype=application/x-www-form-urlencoded編碼時,先通過調用request.getParameter()方法獲取數據後,再調用request.getInputStream()或request.getReader()已經獲取不到流中的內容了,因爲在調用 request.getParameter()時系統可能對錶單中提交的數據以流的形式讀了一次,反之亦然。

 

當form表單內容採用enctype=multipart/form-data編碼時,調用request.getParameter()獲取不到數據,即使已經調用了request.getParameter()方法也可以再通過調用request.getInputStream()或request.getReader()獲取表單中的數據,但request.getInputStream()和request.getReader()在同一個響應中是不能混合使用的,如果混合使用會拋異常的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章