ios中網路攝影機/相簿擷取圖片，壓縮圖片，上傳伺服器方法總結

標籤：des   style   blog   http   io   ar   color   os   使用   

　相簿

　　iphone的相簿包含網路攝影機菲林+使用者電腦同步的部分照片。使用者可以通過UIImagePickerController類提供的互動對話方塊來從相簿中選擇映像。但是，注意：相簿中的圖片機器路徑無法直接從應用程式訪問，只能通過終端使用者去選擇和使用相簿圖片

　　應用程式套件組合

　　應用程式套件組合可能會將映像與可執行程式、Info.plist檔案和其他資源一同儲存。我們可以通過本地檔案路徑來讀取這些基於包的映像並在應用程式中顯示它們。

　　沙箱

　　藉助沙箱，我們可以把圖片儲存到Documents、Library、tmp檔案夾中。這些檔案均可有應用程式讀取，且可以通過檔案路徑建立映像。儘管沙箱外的部分從技術上說是可行的，但是apple表明這些部分不在appstore應用程式允許訪問的範圍之內。

　　Internet

　　應用程式可以通過圖片的URL來訪問Internet上的資源。

　　以上為一些小知識，來自《iphone開發秘籍(第二版)》，可以自己去參考此書。

　　下面開始切入正題，從網路攝影機/相簿擷取圖片，壓縮圖片，上傳圖片。

　　從網路攝影機/相簿擷取圖片

　　剛剛在上面的知識中提到從網路攝影機/相簿擷取圖片是面向終端使用者的，由使用者去瀏覽並選擇圖片為程式使用。在這裡，我們需要過UIImagePickerController類來和使用者互動。

　　使用UIImagePickerController和使用者互動，我們需要實現2個協議。

　　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];

　　}

 

從UIWebView中調用iOS相簿，並選擇圖片上傳到Linux Web伺服器。 (2012-08-09 17:03:29) 轉載▼

標籤：uiwebview上傳到伺服器ios開發

分類： Ios

＝＝＝＝＝＝首先看以下ios端＝＝＝＝＝＝＝ ViewController.h

 

//

// ViewController.h

// Xcode_FileUpload

//

// Created by KirSsu Ryu on 12-8-7.

// Copyright (c) 2012年 __JModule__. All rights reserved.

//

 

#import

 

//UIWebViewDelegate 代理類：跟javascript相互傳值。

//UINavigationControllerDelegate,UIImagePickerControllerDelegate 代理類：開啟相簿等一系列操作。

@interface ViewController : UIViewController<</SPAN>UIWebViewDelegate,UINavigationControllerDelegate,UIImagePickerControllerDelegate>{

UIWebView *myWebView;

UIImagePickerController *picker_library_;

}

//我的WebView控制項

@property (nonatomic, retain) IBOutlet UIWebView *myWebView;

//相簿類的變數

@property (nonatomic, retain) IBOutlet UIImagePickerController *picker_library_;

 

@end

  ViewController.m 

//

// ViewController.h

// Xcode_FileUpload

//

// Created by KirSsu Ryu on 12-8-7.

// Copyright (c) 2012年 __JModule__. All rights reserved.

//

 

#import "ViewController.h"

 

@interface ViewController()

 

@end

 

@implementation ViewController

@synthesize myWebView;

@synthesize picker_library_;

 

- (void)viewDidLoad

{

[super viewDidLoad];

//代理UIWebViewDelegate

myWebView.delegate = self;

//設定要載入的連結

NSURL *url = [NSURL URLWithString:@"http://＊＊＊＊＊/test/index.php"];

//建立一個請求對象

NSURLRequest *request = [NSURLRequest requestWithURL:url];

//把請求發送到webView裡，實現顯示內容

[myWebView loadRequest:request];

 

}

 

- (void)viewDidUnload

{

[self setMyWebView:nil];

[super viewDidUnload];

// Release any retained subviews of the main view.

}

 

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);

}

 

 

//獲得從網站得到的值

#pragma mark --

#pragma mark UIWebViewDelegate

 

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {

//獲得請求的URL,第一次是路徑，當在web上點擊按鈕後獲得的是web穿過來的路徑。

NSString *requestString = [[request URL] absoluteString];

//根據":"拆分字串，返回數組。

NSArray *components = [requestString componentsSeparatedByString:@":"];

//如果數組內的元素大於1並且第一個元素的值相等

if ([components count] > 1 && [(NSString *)[components objectAtIndex:0] isEqualToString:@"gallery"]) {

if([(NSString *)[components objectAtIndex:1] isEqualToString:@"open"])

{

[self openGallery];

}

return NO;

}

return YES;

}

//開啟相簿

-(void)openGallery{

//初始化類

picker_library_ = [[UIImagePickerController alloc] init];

//指定幾總圖片來源

//UIImagePickerControllerSourceTypePhotoLibrary：表示顯示所有的照片。

//UIImagePickerControllerSourceTypeCamera：表示從網路攝影機選取照片。

//UIImagePickerControllerSourceTypeSavedPhotosAlbum：表示僅僅從相簿中選取照片。

picker_library_.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

//表示使用者可編輯圖片。

picker_library_.allowsEditing = YES;

//代理

picker_library_.delegate = self;

[self presentModalViewController: picker_library_

animated: YES];

}

 

 

//3.x 使用者選中圖片後的回調

- (void)imagePickerController: (UIImagePickerController *)picker

didFinishPickingMediaWithInfo: (NSDictionary *)info

{

NSLog(@"3.x");

//獲得編輯過的圖片

UIImage* image = [info objectForKey: @"UIImagePickerControllerEditedImage"];

[self dismissModalViewControllerAnimated:YES];

 

[self imageUpload:image];

 

 

}

 

//2.x 使用者選中圖片之後的回調

- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingImage:(UIImage *)image editingInfo:(NSDictionary *)editingInfo

{

NSLog(@"2.x");

NSMutableDictionary * dict= [NSMutableDictionary dictionaryWithDictionary:editingInfo];

 

[dict setObject:image forKey:@"UIImagePickerControllerEditedImage"];

 

//直接調用3.x的處理函數

[self imagePickerController:picker didFinishPickingMediaWithInfo:dict];

}

 

// 使用者選擇取消

- (void) imagePickerControllerDidCancel: (UIImagePickerController *)picker

{

[self dismissModalViewControllerAnimated:YES];

}

 

//上傳圖片方法

- (void) imageUpload:(UIImage *) image{

//把圖片轉換成imageDate格式

NSData *imageData = UIImageJPEGRepresentation(image, 1.0);

//傳送路徑

NSString *urlString = @"http://＊＊＊＊＊/test/upload.php";

//建立請求對象

NSMutableURLRequest * request = [[NSMutableURLRequest alloc] init];

//佈建要求路徑

[request setURL:[NSURL URLWithString:urlString]];

//請求方式

[request setHTTPMethod:@"POST"];

//一連串上傳頭標籤

NSString *boundary = [NSString stringWithString:@"---------------------------14737809831466499882746641449"];

NSString *contentType = [NSString stringWithFormat:@"multipart/form-data; boundary=%@",boundary];

[request addValue:contentType forHTTPHeaderField: @"Content-Type"];

NSMutableData *body = [NSMutableData data];

[body appendData:[[NSString stringWithFormat:@"\r\n--%@\r\n",boundary]dataUsingEncoding:NSUTF8StringEncoding]];

[body appendData:[[NSString stringWithString:@"Content-Disposition: form-data; name="userfile"; filename="vim_go.jpg"\r\n"] dataUsingEncoding:NSUTF8StringEncoding]];

[body appendData:[[NSString stringWithString:@"Content-Type: application/octet-stream\r\n\r\n"]dataUsingEncoding:NSUTF8StringEncoding]];

[body appendData:[NSData dataWithData:imageData]];

[body appendData:[[NSString stringWithFormat:@"\r\n--%@--\r\n",boundary]dataUsingEncoding:NSUTF8StringEncoding]];

[request setHTTPBody:body];

//上傳檔案開始

NSData *returnData = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil];

//獲得傳回值

NSString *returnString = [[NSString alloc] initWithData:returnData encoding:NSUTF8StringEncoding];

NSLog(@"%@",returnString);

}

@end

 ＝＝＝＝＝＝ios端結束，再看下web端＝＝＝＝＝＝＝  index.php function uploads(){sendCommand("open");}function sendCommand(cmd){var url = "gallery:"+cmd;document.location = url;}    upload.php

 

ios中網路攝影機/相簿擷取圖片，壓縮圖片，上傳伺服器方法總結