IOS研究院之打开照相机与本地相册选择图片

如下图所示 在本地相册中选择一张图片后，我们将他拷贝至沙盒当中，在客户端中将它的缩略图放在按钮旁边，这个结构其实和新浪微薄中选择图片后的效果一样。最终点击发送将按钮将图片2进制图片上传服务器。

 

 

下面我们仔细学习具体的细节。创建一个空的IOS项目，接着在创建一个ViewController。

AppDelegate.h 应用的代理类 这个没什么好说的就是直接打开刚刚创建的新ViewController。

1 #import <UIKit/UIKit.h>
2 #import "TestViewController.h"
3  
4 @interface AppDelegate : UIResponder <UIApplicationDelegate>
5  
6 @property (strong, nonatomic) UIWindow *window;
7 @property (strong, nonatomic) UINavigationController *navController;
8 @property (strong, nonatomic) UIViewController *viewController;
9 @end

 

AppDelegate.m 在这里就是打开我们创建的TestViewController

01 #import "AppDelegate.h"
02  
03 @implementation AppDelegate
04  
05 @synthesize window = _window;
06 @synthesize navController;
07 @synthesize viewController;
08  
09 - (void)dealloc
10 {
11     [_window release];
12     [super dealloc];
13 }
14  
15 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
16 {
17     self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];
18  
19     self.window.backgroundColor = [UIColor whiteColor];
20     self.viewController =  [[TestViewController alloc]init];
21     self.navController = [[UINavigationController alloc] initWithRootViewController:self.viewController];
22     [self.window addSubview:navController.view];
23  
24     [self.window makeKeyAndVisible];
25     return YES;
26 }
27  
28 @end

 

TestViewController.h 注意这里面引入了很多代理类。

01 #import <UIKit/UIKit.h>
02  
03 @interface TestViewController : UIViewController<UITextViewDelegate,UIActionSheetDelegate,UINavigationControllerDelegate,UIImagePickerControllerDelegate>
04 {
05     //输入框
06     UITextView *_textEditor;
07  
08     //下拉菜单
09     UIActionSheet *myActionSheet;
10  
11     //图片2进制路径
12     NSString* filePath;
13 }
14 @end

 

TestViewController.m 请大家仔细看这个类， 所有的东西都写在了这里哈。

001 #import "TestViewController.h"
002  
003 @interface TestViewController ()
004  
005 @end
006  
007 @implementation TestViewController
008  
009 - (void)viewDidLoad
010 {
011     [super viewDidLoad];
012     //导航栏标题
013     self.navigationItem.title = @"雨松MOMO输入框";
014  
015     //导航栏按钮
016     self.navigationItem.rightBarButtonItem = [[[UIBarButtonItem alloc]
017                                                initWithTitle: @"发送"
018                                                style: UIBarButtonItemStyleDone
019                                                target: self
020                                                action: @selector(sendInfo)] autorelease];
021  
022     //输入框显示区域
023     _textEditor = [[UITextView alloc] initWithFrame:CGRectMake(0, 0, 320, 100)];
024     //设置它的代理
025     _textEditor.delegate = self;
026     _textEditor.autoresizingMask = UIViewAutoresizingFlexibleWidth;
027     _textEditor.keyboardType = UIKeyboardTypeDefault;
028     _textEditor.font = [UIFont systemFontOfSize:20];
029     _textEditor.text = @"请输入内容";
030  
031     //默认软键盘是在触摸区域后才会打开
032     //这里表示进入当前ViewController直接打开软键盘
033     [_textEditor becomeFirstResponder];
034  
035     //把输入框加在视图中
036     [self.view addSubview:_textEditor];
037  
038     //下方的图片按钮 点击后呼出菜单 打开摄像机 查找本地相册
039     UIImage *image = [[UIImage alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"camera" ofType:@"png"]];
040  
041     UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
042     button.frame = CGRectMake(0, 120, image.size.width, image.size.height);
043  
044     [button setImage:image forState:UIControlStateNormal];
045  
046     [button addTarget:self action:@selector(openMenu) forControlEvents:UIControlEventTouchUpInside];
047  
048     //把它也加在视图当中
049     [self.view addSubview:button];
050  
051 }
052  
053 -(void)openMenu
054 {
055     //在这里呼出下方菜单按钮项
056     myActionSheet = [[UIActionSheet alloc]
057                  initWithTitle:nil
058                  delegate:self
059                  cancelButtonTitle:@"取消"
060                  destructiveButtonTitle:nil
061                  otherButtonTitles: @"打开照相机", @"从手机相册获取",nil]; 
062  
063     [myActionSheet showInView:self.view];
064     [myActionSheet release];   
065  
066 }
067  
068 - (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex
069 {
070  
071     //呼出的菜单按钮点击后的响应
072     if (buttonIndex == myActionSheet.cancelButtonIndex)
073     {
074         NSLog(@"取消");
075     }
076  
077     switch (buttonIndex)
078     {
079         case 0:  //打开照相机拍照
080             [self takePhoto];
081             break;
082  
083         case 1:  //打开本地相册
084             [self LocalPhoto];
085             break;
086     }
087 }
088  
089 //开始拍照
090 -(void)takePhoto
091 {
092     UIImagePickerControllerSourceType sourceType = UIImagePickerControllerSourceTypeCamera;
093     if ([UIImagePickerController isSourceTypeAvailable: UIImagePickerControllerSourceTypeCamera])
094     {
095         UIImagePickerController *picker = [[UIImagePickerController alloc] init];
096         picker.delegate = self;
097         //设置拍照后的图片可被编辑
098         picker.allowsEditing = YES;
099         picker.sourceType = sourceType;
100         [picker release];
101         [self presentModalViewController:picker animated:YES];
102     }else
103     {
104         NSLog(@"模拟其中无法打开照相机,请在真机中使用");
105     }
106 }
107  
108 //打开本地相册
109 -(void)LocalPhoto
110 {
111     UIImagePickerController *picker = [[UIImagePickerController alloc] init];
112  
113     picker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
114     picker.delegate = self;
115     //设置选择后的图片可被编辑
116     picker.allowsEditing = YES;
117     [self presentModalViewController:picker animated:YES];
118     [picker release];
119 }
120  
121 //当选择一张图片后进入这里
122 -(void)imagePickerController:(UIImagePickerController*)picker didFinishPickingMediaWithInfo:(NSDictionary *)info
123  
124 {
125  
126     NSString *type = [info objectForKey:UIImagePickerControllerMediaType];
127  
128     //当选择的类型是图片
129     if ([type isEqualToString:@"public.image"])
130     {
131         //先把图片转成NSData
132         UIImage* image = [info objectForKey:@"UIImagePickerControllerOriginalImage"];
133         NSData *data;
134         if (UIImagePNGRepresentation(image) == nil)
135         {
136             data = UIImageJPEGRepresentation(image, 1.0);
137         }
138         else
139         {
140             data = UIImagePNGRepresentation(image);
141         }
142  
143         //图片保存的路径
144         //这里将图片放在沙盒的documents文件夹中
145         NSString * DocumentsPath = [NSHomeDirectory() stringByAppendingPathComponent:@"Documents"]; 
146  
147         //文件管理器
148         NSFileManager *fileManager = [NSFileManager defaultManager];
149  
150         //把刚刚图片转换的data对象拷贝至沙盒中 并保存为image.png
151         [fileManager createDirectoryAtPath:DocumentsPath withIntermediateDirectories:YES attributes:nil error:nil];
152         [fileManager createFileAtPath:[DocumentsPath stringByAppendingString:@"/image.png"] contents:data attributes:nil];
153  
154         //得到选择后沙盒中图片的完整路径
155         filePath = [[NSString alloc]initWithFormat:@"%@%@",DocumentsPath,  @"/image.png"];
156  
157         //关闭相册界面
158         [picker dismissModalViewControllerAnimated:YES];
159  
160         //创建一个选择后图片的小图标放在下方
161         //类似微薄选择图后的效果
162         UIImageView *smallimage = [[[UIImageView alloc] initWithFrame:
163                                    CGRectMake(50, 120, 40, 40)] autorelease];   
164  
165         smallimage.image = image;
166         //加在视图中
167         [self.view addSubview:smallimage];
168  
169     }
170  
171 }
172  
173 - (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker
174 {
175     NSLog(@"您取消了选择图片");
176     [picker dismissModalViewControllerAnimated:YES];
177 }
178  
179 -(void)sendInfo
180 {
181     NSLog(@"图片的路径是：%@", filePath);
182  
183     NSLog(@"您输入框中的内容是：%@", _textEditor.text);
184 }
185  
186 - (void)viewDidUnload
187 {
188     [super viewDidUnload];
189     // Release any retained subviews of the main view.
190 }
191  
192 - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
193 {
194     return (interfaceOrientation == UIInterfaceOrientationPortrait);
195 }
196  
197 @end

 

如下图所示，打开下拉菜单按钮开始选择打开相机 或者 打开本地相册。模拟器中是无法打开照相机的的，切记。

 

如下图所示，这里就是我本地的相册啦，里面保存了几张图片，选择一张即可。

 

 

 

我在这里再说说图片上传， 图片上传我们采用的是2进制ASIHTTPRequest 来完成的。

发送请求

 

01 NSString *server_base = [NSString stringWithFormat:@"%@/users/uploadResource.json", _server];
02  
03 ASINetworkQueue *queue = [[ASINetworkQueue alloc] init]; 
04  
05 ASIFormDataRequest *request = [ASIFormDataRequest requestWithURL:[NSURL URLWithString:server_base]];
06  
07 [ASIHTTPRequest setShouldUpdateNetworkActivityIndicator: NO];
08 [request setDelegate :self];
09 [request setDidFinishSelector:@selector(sendCommentSucc:)];
10 [request setDidFailSelector:@selector(sendCommentFail:)];
11 // res 就是 需要上传图片文件的路径
12 [request setFile:res forKey:@"res"];
13  
14 [queue addOperation:request];
15 [queue go];

 

最后是文本的源码下载地址：http://vdisk.weibo.com/s/accm9

原文：http://blog.csdn.net/l_ch_g/article/details/11738129

相关：

ios中摄像头/相册获取图片，压缩图片，上传服务器方法总结

http://www.cnblogs.com/skyblue/archive/2013/05/08/3067108.html

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/langtianya/p/4004751.html