這幾天在搞iphone上面一個應用的開發,裡面有需要網路攝影機/相簿編程和圖片上傳的問題,在這裡總結一下。
【部分知識】
iphone中映像通常儲存在4個地方【相簿、應用程式套件組合、沙箱、Internet】,通過這4個源,我們就可以存取應用圖片。
相簿
iphone的相簿包含網路攝影機菲林+使用者電腦同步的部分照片。使用者可以通過UIImagePickerController類提供的互動對話方塊來從相簿中選擇映像。但是,注意:相簿中的圖片機器路徑無法直接從應用程式訪問,只能通過終端使用者去選擇和使用相簿圖片
應用程式套件組合
應用程式套件組合可能會將映像與可執行程式、Info.plist檔案和其他資源一同儲存。我們可以通過本地檔案路徑來讀取這些基於包的映像並在應用程式中顯示它們。
沙箱
藉助沙箱,我們可以把圖片儲存到Documents、Library、tmp檔案夾中。這些檔案均可有應用程式讀取,且可以通過檔案路徑建立映像。儘管沙箱外的部分從技術上說是可行的,但是apple表明這些部分不在appstore應用程式允許訪問的範圍之內。
Internet
應用程式可以通過圖片的URL來訪問Internet上的資源。
以上為一些小知識,來自《iphone開發秘籍(第二版)》,可以自己去參考此書。
下面開始切入正題,從網路攝影機/相簿擷取圖片,壓縮圖片,上傳圖片。
從網路攝影機/相簿擷取圖片
剛剛在上面的知識中提到從網路攝影機/相簿擷取圖片是面向終端使用者的,由使用者去瀏覽並選擇圖片為程式使用。在這裡,我們需要過UIImagePickerController類來和使用者互動。
使用UIImagePickerController和使用者互動,我們需要實現2個協議<UIImagePickerControllerDelegate,UINavigationControllerDelegate>。
View Code
代碼如下 |
複製代碼 |
#pragma mark 從使用者相簿擷取活動圖表片 - (void)pickImageFromAlbum { imagePicker = [[UIImagePickerController alloc] init]; imagePicker.delegate = self; imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary; imagePicker.modalTransitionStyle = UIModalTransitionStyleCoverVertical; imagePicker.allowsEditing = YES; [self presentModalViewController:imagePicker animated:YES]; } |
我們來看看上面的從相簿擷取圖片,我們首先要執行個體化UIImagePickerController對象,然後設定imagePicker對象為當前對象,設定imagePicker的圖片來源為UIImagePickerControllerSourceTypePhotoLibrary,表明當前圖片的來源為相簿,除此之外還可以設定使用者對圖片是否可編輯。
View Code
代碼如下 |
複製代碼 |
#pragma mark 從網路攝影機擷取活動圖表片 - (void)pickImageFromCamera { imagePicker = [[UIImagePickerController alloc] init]; imagePicker.delegate = self; imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera; imagePicker.modalTransitionStyle = UIModalTransitionStyleCoverVertical; imagePicker.allowsEditing = YES; [self presentModalViewController:imagePicker animated:YES]; } |
以上是從網路攝影機擷取圖片,和從相簿擷取圖片只是圖片來源的設定不一樣,網路攝影機圖片的來源為UIImagePickerControllerSourceTypeCamera。
在和使用者互動之後,使用者選擇好圖片後,會回調選擇結束的方法。
View Code
代碼如下 |
複製代碼 |
- (void) imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info { UIImage *image= [info objectForKey:@"UIImagePickerControllerOriginalImage"]; if (picker.sourceType == UIImagePickerControllerSourceTypeCamera) { // UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil); } theImage = [UtilMethod imageWithImageSimple:image scaledToSize:CGSizeMake(120.0, 120.0)]; UIImage *midImage = [UtilMethod imageWithImageSimple:image scaledToSize:CGSizeMake(210.0, 210.0)]; UIImage *bigImage = [UtilMethod imageWithImageSimple:image scaledToSize:CGSizeMake(440.0, 440.0)]; [theImage retain]; [self saveImage:theImage WithName:@"salesImageSmall.jpg"]; [self saveImage:midImage WithName:@"salesImageMid.jpg"]; [self saveImage:bigImage WithName:@"salesImageBig.jpg"]; [self dismissModalViewControllerAnimated:YES]; [self refreshData]; [picker release]; } |
在回調結束的方法中,我們對圖片進行了大小的處理,為圖片的上傳做準備。
縮放圖片
縮放圖片比較簡單,就直接放上代碼,讓大家參考一下。
View Code
代碼如下 |
複製代碼 |
//壓縮圖片 + (UIImage*)imageWithImageSimple:(UIImage*)image scaledToSize:(CGSize)newSize { // Create a graphics image context UIGraphicsBeginImageContext(newSize); // Tell the old image to draw in this new context, with the desired // new size [image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)]; // Get the new image from the context UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext(); // End the context UIGraphicsEndImageContext(); // Return the new image. return newImage; } |
儲存映像
在上面我們擷取到了圖片並對圖片進行了壓縮,通過之前的小知識瞭解到,將應用需要的一些圖片存入沙箱是個不錯的選擇,而且應用程式可以直接通過路徑去方法沙箱中的圖片,在這裡我們將圖片存入沙箱中的Documents目錄下。
View Code
代碼如下 |
複製代碼 |
#pragma mark 儲存圖片到document - (void)saveImage:(UIImage *)tempImage WithName:(NSString *)imageName { NSData* imageData = UIImagePNGRepresentation(tempImage); NSArray* paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES); NSString* documentsDirectory = [paths objectAtIndex:0]; // Now we get the full path to the file NSString* fullPathToFile = [documentsDirectory stringByAppendingPathComponent:imageName]; // and then we write it out [imageData writeToFile:fullPathToFile atomically:NO]; } |
從Documents目錄下擷取圖片
要從Documents下面擷取圖片,我們首先需要擷取Documents目錄的路徑。
View Code
代碼如下 |
複製代碼 |
#pragma mark 從文檔目錄下擷取Documents路徑 - (NSString *)documentFolderPath { return [NSHomeDirectory() stringByAppendingPathComponent:@"Documents"]; } |
然後,我們便可以通過檔案名稱,去訪問擷取資源了。
View Code
上傳圖片
項目中我們使用了ASIFormHttpRequest的開源架構,http請求的部分代碼如下,http返回以及相關回調方法略去。
View Code
代碼如下 |
複製代碼 |
- (void)upLoadSalesBigImage:(NSString *)bigImage MidImage:(NSString *)midImage SmallImage:(NSString *)smallImage { NSURL *url = [NSURL URLWithString:UPLOAD_SERVER_URL]; ASIFormDataRequest *request = [ASIFormDataRequest requestWithURL:url]; [request setPostValue:@"photo" forKey:@"type"]; [request setFile:bigImage forKey:@"file_pic_big"]; [request buildPostBody]; [request setDelegate:self]; [request setTimeOutSeconds:TIME_OUT_SECONDS]; [request startAsynchronous]; } |