iOS通過http post上傳圖片 由於iOS無法通過html表單來上傳圖片,因此想要上傳圖片,必須實現http請求,而不能像其他語言那樣通過html表單的post就能上傳。
上傳圖片的http post請求的格式是這樣的:
?
| 123456789101112 |
Content-type: multipart/form-data, boundary=AaB03x --AaB03xcontent-disposition: form-data; name="field1" Hello Boris!--AaB03xcontent-disposition: form-data; name="pic"; filename="boris.png"Content-Type: image/png ... contents of boris.png ...--AaB03x-- |
第一行是指定了http post請求的編碼方式為multipart/form-data(上傳檔案必須用這個)。
boundary=AaB03x說明了AaB03x為分界線。比如 --AaB03x 就是一個分界線的意思
content-disposition: form-data; name="field1"
Hello Boris!
這句話聲明了請求中的一個欄位的名稱,如field1 以及欄位的值,如Hello Boris!
這裡類似form表單中的
中間的空行是必須的。
不同的欄位之間用分界線分開,分界線需要單獨一行,如 --AaB03x--
分界線的下一行,是下一個欄位
content-disposition: form-data; name="pic"; filename="boris.png"
Content-Type: image/png
... contents of boris.png ...
--AaB03x--
這裡聲明了變數pic,也就是我們要傳的檔案,上傳檔案的時候需要在後邊指定file name:filename="boris.png"
並且需要在下一行指定檔案的格式:Content-Type: image/png
... contents of boris.png ... 這裡是boris.png的二進位內容,如 <89504e47 0d0a1a0a 0000000d 49484452 000000b4 000000b4 08020000 00b2af91 65000020 00494441 5478012c dd79b724 6b7616f6 8c888c88 8c9c8733 55ddb1d5 6a0db486 06218401 ......
在http post請求的結尾,需要有一個分界線,但是是前後都有--的:--AaB03x--
以上的這些格式,是http的規範,每個空行,空格都是必須的。
下邊是iOS的實現代碼:
//分界線的標識符 NSString *TWITTERFON_FORM_BOUNDARY = @"AaB03x"; //根據url初始化request NSMutableURLRequest* request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:url] cachePolicy:NSURLRequestReloadIgnoringLocalCacheData timeoutInterval:10]; //分界線 --AaB03x NSString *MPboundary=[[NSString alloc]initWithFormat:@"--%@",TWITTERFON_FORM_BOUNDARY]; //結束符 AaB03x-- NSString *endMPboundary=[[NSString alloc]initWithFormat:@"%@--",MPboundary]; //要上傳的圖片 UIImage *image=[params objectForKey:@"pic"]; //得到圖片的data NSData* data = UIImagePNGRepresentation(image); //http body的字串 NSMutableString *body=[[NSMutableString alloc]init]; //參數的集合的所有key的集合 NSArray *keys= [params allKeys]; //遍曆keys for(int i=0;i<[keys count];i++) { //得到當前key NSString *key=[keys objectAtIndex:i]; //如果key不是pic,說明value是字元類型,比如name:Boris if(![key isEqualToString:@"pic"]) { //添加分界線,換行 [body appendFormat:@"%@\r\n",MPboundary]; //添加欄位名稱,換2行 [body appendFormat:@"Content-Disposition: form-data; name=\"%@\"\r\n\r\n",key]; //添加欄位的值 [body appendFormat:@"%@\r\n",[params objectForKey:key]]; } } ////添加分界線,換行 [body appendFormat:@"%@\r\n",MPboundary]; //聲明pic欄位,檔案名稱為boris.png [body appendFormat:@"Content-Disposition: form-data; name=\"pic\"; filename=\"boris.png\"\r\n"]; //聲明上傳檔案的格式 [body appendFormat:@"Content-Type: image/png\r\n\r\n"]; //聲明結束符:--AaB03x-- NSString *end=[[NSString alloc]initWithFormat:@"\r\n%@",endMPboundary]; //聲明myRequestData,用來放入http body NSMutableData *myRequestData=[NSMutableData data]; //將body字串轉化為UTF8格式的二進位 [myRequestData appendData:[body dataUsingEncoding:NSUTF8StringEncoding]]; //將image的data加入 [myRequestData appendData:data]; //加入結束符--AaB03x-- [myRequestData appendData:[end dataUsingEncoding:NSUTF8StringEncoding]]; //設定HTTPHeader中Content-Type的值 NSString *content=[[NSString alloc]initWithFormat:@"multipart/form-data; boundary=%@",TWITTERFON_FORM_BOUNDARY]; //設定HTTPHeader [request setValue:content forHTTPHeaderField:@"Content-Type"]; //設定Content-Length [request setValue:[NSString stringWithFormat:@"%d", [myRequestData length]] forHTTPHeaderField:@"Content-Length"]; //設定http body [request setHTTPBody:myRequestData]; //http method [request setHTTPMethod:@"POST"]; //建立串連,設定代理 NSURLConnection *conn = [[NSURLConnection alloc] initWithRequest:request delegate:self]; //設定接受response的data if (conn) { mResponseData = [[NSMutableData data] retain]; }