#iOS AF上傳圖片引發的血案

AF帶來的血案

已上圖是AF原始碼截圖,基於表單的形式上傳。使用的是multipart/form-data傳送檔案。
Content-Type必須是multipart/form-data

原理分析

以multipart/form-data編碼的POST請求格式與application/x-www-form-urlencoded完全不同.

其中application/x-www-form-urlencoded提交的資料按照 key1=val1&key2=val2 的方式進行編碼，key 和 val 都進行了 URL 轉碼。然而multipart/form-data是這樣的形式：

key1 = val1

key2 = vals

關於 multipart/form-data 的詳細定義，請前往 rfc1867 檢視。http://www.ietf.org/rfc/rfc1867.txt

例子

<pre>
POST http://www.example.com HTTP/1.1
Content-Type:multipart/form-data; boundary=XXX
此處有有空格*
--XXX
Content-Disposition: form-data; name="text"

title
--XXX
Content-Disposition: form-data; name="file"; filename="chrome.png"
Content-Type: image/png
此處有有空格*
PNG ... content of chrome.png ...
--XXX

</pre>

例子說明

• 首先生成了一個 boundary=XXX 用於分割不同的欄位，為了避免與正文內容重複，boundary 可能會很長很複雜。然後 Content-Type 裡指明瞭資料是以 multipart/form-data 來編碼。

• 訊息主體裡按照欄位個數又分為多個結構類似的部分，每部分都是以 --boundary 開始，緊接著是內容描述資訊，然後是回車，最後是欄位具體內容（文字或二進位制）。

• 如果傳輸的是檔案，還要包含檔名和檔案型別資訊。

• 訊息主體最後以 --boundary-- 標示結束。

iOS多圖片上傳

<pre>

/**

• 上傳圖片
• @param operations 上傳圖片等預留引數---視具體情況而定 可移除
• @param imageArray 上傳的圖片陣列
• @parm width 圖片要被壓縮到的寬度
• @param urlString 上傳的url---請填寫完整的url
• @param successBlock 上傳成功的回撥
• @param failureBlock 上傳失敗的回撥
• @param progress 上傳進度

*/
+(void)uploadImageWithOperations:(NSDictionary *)operations withImageArray:(NSArray *)imageArray withtargetWidth:(CGFloat )width withUrlString:(NSString *)urlString withSuccessBlock:(requestSuccess)successBlock withFailurBlock:(requestFailure)failureBlock withUpLoadProgress:(uploadProgress)progress;
{

//1.建立管理者物件

  AFHTTPSessionManager *manager = [AFHTTPSessionManager manager];

 [manager POST:urlString parameters:operations constructingBodyWithBlock:^(id<AFMultipartFormData>  _Nonnull formData) {
    
    NSUInteger i = 0 ;
    
    /**出於效能考慮,將上傳圖片進行壓縮*/
    for (UIImage * image in imageArray) {
        
        //image的分類方法
        UIImage *  resizedImage =  [UIImage IMGCompressed:image targetWidth:width];
        
        NSData * imgData = UIImageJPEGRepresentation(resizedImage, .5);
        
        //拼接data
        [formData appendPartWithFileData:imgData name:[NSString stringWithFormat:@"picflie%ld",(long)i] fileName:@"image.png" mimeType:@" image/jpeg"];
        
        i++;
    }
    
} progress:^(NSProgress * _Nonnull uploadProgress) {
    
    progress(uploadProgress.completedUnitCount / uploadProgress.totalUnitCount);
    
} success:^(NSURLSessionDataTask * _Nonnull task, NSDictionary *  _Nullable responseObject) {
    
    successBlock(responseObject);
    
} failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
   
    failureBlock(error);
    
}];

}

</pre>

擴充套件

四種常見的 POST 提交資料方式:以上兩種 + application/json + text/xml

參考

1.http://stackoverflow.com/questions/4007969/application-x-www-form-urlencoded-or-multipart-form-data

2.https://imququ.com/post/four-ways-to-post-data-in-http.html#toc-2