項目中要上傳圖片ios 用http post，學習

分類： iphone 2012-06-15 09:43  1169人閱讀  評論(1)  收藏  舉報

ios image html url input

因爲iOS沒法經過html表單來上傳圖片，所以想要上傳圖片，必須實現http請求，而不能像其餘語言那樣經過html表單的post就能上傳。 
//form-data 是以表單的形式上傳
上傳圖片的http post請求的格式是這樣的： 

Content-Type: text/plain

... contents of file1.txt ...

--BbC04y

Content-disposition: attachment; filename="file2.gif"

Content-type: image/gif

Content-Transfer-Encoding: binary

...contents of file2.gif...

--BbC04y--

--AaB03x--

Java代碼  

1. Content-type: multipart/form-data, boundary=AaB03x  
2.   
3. --AaB03x  
4. content-disposition: form-data; name="field1"  
5.   
6. Hello Boris!  
7. --AaB03x  
8. content-disposition: form-data; name="pic"; filename="boris.png"  
9. Content-Type: image/png  
10.   
11. ... contents of boris.png ...  
12. --AaB03x--  

第一行是指定了http post請求的編碼方式爲multipart/form-data（上傳文件必須用這個）。 
boundary=AaB03x說明了AaB03x爲分界線。好比 --AaB03x 就是一個分界線的意思 

content-disposition: form-data; name="field1" 

Hello Boris! 

  這句話聲明瞭請求中的一個字段的名稱，如field1  以及字段的值，如Hello Boris! 
這裏相似form表單中的<input name="field1" type="text" value="Hello Boris!"/> 
中間的空行是必須的。 

不一樣的字段之間用分界線分開，分界線須要單獨一行，如 --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的規範，每一個空行，空格都是必須的。 
參考： http://www.ietf.org/rfc/rfc1867.txt 

下邊是iOS的實現代碼： 

C代碼  

1. //分界線的標識符  
2.         NSString *TWITTERFON_FORM_BOUNDARY = @"AaB03x";  
3.         //根據url初始化request  
4.         NSMutableURLRequest* request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:url]  
5.                                                                cachePolicy:NSURLRequestReloadIgnoringLocalCacheData  
6.                                                            timeoutInterval:10];  
7.         //分界線 --AaB03x  
8.         NSString *MPboundary=[[NSString alloc]initWithFormat:@"--%@",TWITTERFON_FORM_BOUNDARY];  
9.         //結束符 AaB03x--  
10.         NSString *endMPboundary=[[NSString alloc]initWithFormat:@"%@--",MPboundary];  
11.         //要上傳的圖片  
12.         UIImage *image=[params objectForKey:@"pic"];  
13.         //獲得圖片的data  
14.         NSData* data = UIImagePNGRepresentation(image);  
15.         //http body的字符串  
16.         NSMutableString *body=[[NSMutableString alloc]init];  
17.         //參數的集合的全部key的集合  
18.         NSArray *keys= [params allKeys];  
19.           
20.         //遍歷keys  
21.         for(int i=0;i<[keys count];i++)  
22.         {  
23.             //獲得當前key  
24.             NSString *key=[keys objectAtIndex:i];  
25.             //若是key不是pic，說明value是字符類型，好比name：Boris  
26.             if(![key isEqualToString:@"pic"])  
27.             {  
28.                 //添加分界線，換行  
29.                 [body appendFormat:@"%@\r\n",MPboundary];  
30.                 //添加字段名稱，換2行  
31.                 [body appendFormat:@"Content-Disposition: form-data; name=\"%@\"\r\n\r\n",key];  
32.                 //添加字段的值  
33.                 [body appendFormat:@"%@\r\n",[params objectForKey:key]];              
34.             }  
35.         }  
36.           
37.         ////添加分界線，換行  
38.         [body appendFormat:@"%@\r\n",MPboundary];  
39.         //聲明pic字段，文件名爲boris.png  
40.         [body appendFormat:@"Content-Disposition: form-data; name=\"pic\"; filename=\"boris.png\"\r\n"];  
41.         //聲明上傳文件的格式  
42.         [body appendFormat:@"Content-Type: image/png\r\n\r\n"];  
43.           
44.         //聲明結束符：--AaB03x--  
45.         NSString *end=[[NSString alloc]initWithFormat:@"\r\n%@",endMPboundary];  
46.         //聲明myRequestData，用來放入http body  
47.         NSMutableData *myRequestData=[NSMutableData data];  
48.         //將body字符串轉化爲UTF8格式的二進制  
49.         [myRequestData appendData:[body dataUsingEncoding:NSUTF8StringEncoding]];  
50.         //將image的data加入  
51.         [myRequestData appendData:data];  
52.         //加入結束符--AaB03x--  
53.         [myRequestData appendData:[end dataUsingEncoding:NSUTF8StringEncoding]];  
54.           
55.         //設置HTTPHeader中Content-Type的值  
56.         NSString *content=[[NSString alloc]initWithFormat:@"multipart/form-data; boundary=%@",TWITTERFON_FORM_BOUNDARY];  
57.         //設置HTTPHeader  
58.         [request setValue:content forHTTPHeaderField:@"Content-Type"];  
59.         //設置Content-Length  
60.         [request setValue:[NSString stringWithFormat:@"%d", [myRequestData length]] forHTTPHeaderField:@"Content-Length"];  
61.         //設置http body  
62.         [request setHTTPBody:myRequestData];  
63.         //http method  
64.         [request setHTTPMethod:@"POST"];    
65.           
66.         //創建鏈接，設置代理  
67.         NSURLConnection *conn = [[NSURLConnection alloc] initWithRequest:request delegate:self];  
68.           
69.         //設置接受response的data  
70.         if (conn) {  
71.             mResponseData = [[NSMutableData data] retain];  
72.         }