multipart/form-data文件上傳

Leo_chen 發布于2019-04-23 13:10 / 3530人閱讀

摘要：由于有隔離，所以既可以上傳文件，也可以上傳鍵值對。可以上傳任意格式的文本，可以上傳等只可以上傳二進制數據，通常用來上傳文件，一次只能上傳一個文件。

form表單的enctype屬性：規定了form表單數據在發送到服務器時候的編碼方式

application/x-www-form-urlencoded：默認編碼方式
multipart/form-data：指定傳輸數據為二進制數據，例如圖片、mp3、文件
text/plain：純文本的傳輸。空格轉換為“+”，但不支持特殊字符編碼。

多部件請求體

POST / HTTP/1.1
Host: localhost
cache-control: no-cache
Postman-Token: aa6340a3-4e9b-448c-be76-e6de91258d81
Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW

Content-Disposition: form-data; name="file"; filename="/Users/zhuyx/Documents/test.png



Content-Disposition: form-data; name="token"

text
------WebKitFormBoundary7MA4YWxkTrZu0gW--
---------------------

多部件請求體：就是把每一個表單項分隔為一個部件。
表單項分為普通表單項和文件表單項
multipart/form-data類型的body為多部請求體

postman body支持類型

1、form-data

http請求中的multipart/form-data，會將表單的數據處理為一條消息，以標簽為單元，用分隔符分開。
既可以上傳鍵值對，也可以上傳文件
當上傳的字段是文件，會使用content-type表明文件類型；content-disposition說明字段的一些信息。
由于有boundary隔離，所以multipart/form-data既可以上傳文件，也可以上傳鍵值對。

2、application/x-www-from-urlencoded

會將表單內的數據轉換為鍵值對。

3、raw

可以上傳任意格式的文本，可以上傳text、json、xml、html等

4、binary/application/octet-stream

只可以上傳二進制數據，通常用來上傳文件，一次只能上傳一個文件。

5、multipart/form-data與application/x-www-from-urlencoded區別

multipart/form-data：既可以上傳二進制數據，也可以上傳表單鍵值對，只是最后會轉化為一條信息
x-www-from-urlencoded：只能上傳鍵值對，并且鍵值對都是間隔分開的。

GPU云服務器云服務器斷點視頻上傳文件上傳 js文件上傳夾上傳上傳文件? 上傳文件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1523.html

網頁上傳文件的原理詳解

摘要：再深入想一想，如果不使用這些庫，怎么上傳文件可能會難倒很多人，所以這篇文章簡單講講文件上傳的原理，其實就是根據協議的定義，封裝一個消息體。今年第三季度工作上完成了一個比較有意思的項目，類似于外包的性質，主要任務就是提供一大堆API，其中一個API是上傳附件，完成開發后，對方的程序員問我，這個API怎么調用，當時我就愣住了，因為自己也沒想過這個問題，一般情況下，我就是用 Curl 命令...

chengjianhua 2019-08-02 14:06 評論0 收藏0
淺談contentType = false

摘要：起初，協議中沒有上傳文件方面的功能，直到為協議添加了這個功能。而我們在中設置為是為了避免對其操作，從而失去分界符，而使服務器不能正常解析文件。在剛接觸 JQuery 中的 ajax 時，對其 contentType 并沒有很在意，只是知曉它是代表發送信息至服務器時內容編碼類型,通俗點說就是告訴服務器從瀏覽器提交過來的數據格式。默認值為contentType = applicatio...

renweihub 2019-08-21 14:38 評論0 收藏0
點擊按鈕實現文件上傳及控制文件上傳類型

摘要：原生實現文件上傳部分上傳文件部分代替執行上傳功能上傳文件接口地址實現文件上傳上傳上傳文件接口地址上傳文件類型設置 1.原生js實現文件上傳 html部分: 上傳文件 js部分： upload(event) { //代替執行上傳功能 let it = event.target; $(it).next().click(); }, UploadFile() { //上傳文...

lixiang 2019-08-26 10:15 評論0 收藏0
antd 和 element上傳文件詳解與FormData詳解

摘要：當用戶完成選擇文件動作時，提交子頁面中的。從此我們上傳文件就歡欣鼓舞的來找了。因為的核心是對象，異步的實現是通過一個對象，一般簡稱該對象對。這些回答基于自己理解，如有不妥，希望路過的大神輕噴，指正。背景平時工作中經常會遇到需要上傳文件的情況，如果你用ant design 或者element ,它們都提供了上傳的組件。我們分別來看一下element 和 antd 手動上傳怎么處理：...

Fundebug 2019-08-23 10:29 評論0 收藏0