一、新建工程

二、拖控件,创建映射

三、在.h中加入delegate

  1. @interface ViewController : UIViewController

复制代码

四、实现按钮事件

  1. -(IBAction)chooseImage:(id)sender {
  2. UIActionSheet *sheet;
  3. // 判断是否支持相机
  4. if([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera])
  5. {
  6. sheet  = [[UIActionSheet alloc] initWithTitle:@"选择" delegate:self cancelButtonTitle:nil destructiveButtonTitle:@"取消" otherButtonTitles:@"拍照",@"从相册选择", nil];
  7. }
  8. else {
  9. sheet = [[UIActionSheet alloc] initWithTitle:@"选择" delegate:self cancelButtonTitle:nil destructiveButtonTitle:@"取消" otherButtonTitles:@"从相册选择", nil];
  10. }
  11. sheet.tag = 255;
  12. [sheet showInView:self.view];
  13. }

复制代码

五、实现actionSheet delegate事件

  1. -(void) actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex
  2. {
  3. if (actionSheet.tag == 255) {
  4. NSUInteger sourceType = 0;
  5. // 判断是否支持相机
  6. if([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera]) {
  7. switch (buttonIndex) {
  8. case 0:
  9. // 取消
  10. return;
  11. case 1:
  12. // 相机
  13. sourceType = UIImagePickerControllerSourceTypeCamera;
  14. break;
  15. case 2:
  16. // 相册
  17. sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
  18. break;
  19. }
  20. }
  21. else {
  22. if (buttonIndex == 0) {
  23. return;
  24. } else {
  25. sourceType = UIImagePickerControllerSourceTypeSavedPhotosAlbum;
  26. }
  27. }
  28. // 跳转到相机或相册页面
  29. UIImagePickerController *imagePickerController = [[UIImagePickerController alloc] init];
  30. imagePickerController.delegate = self;
  31. imagePickerController.allowsEditing = YES;
  32. imagePickerController.sourceType = sourceType;
  33. [self presentViewController:imagePickerController animated:YES completion:^{}];
  34. [imagePickerController release];
  35. }
  36. }

复制代码

六、实现ImagePicker delegate 事件

  1. #pragma mark - image picker delegte
  2. - (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info
  3. {
  4. [picker dismissViewControllerAnimated:YES completion:^{}];
  5. UIImage *image = [info objectForKey:UIImagePickerControllerOriginalImage];
  6. /* 此处info 有六个值
  7. * UIImagePickerControllerMediaType; // an NSString UTTypeImage)
  8. * UIImagePickerControllerOriginalImage;  // a UIImage 原始图片
  9. * UIImagePickerControllerEditedImage;    // a UIImage 裁剪后图片
  10. * UIImagePickerControllerCropRect;       // an NSValue (CGRect)
  11. * UIImagePickerControllerMediaURL;       // an NSURL
  12. * UIImagePickerControllerReferenceURL    // an NSURL that references an asset in the AssetsLibrary framework
  13. * UIImagePickerControllerMediaMetadata    // an NSDictionary containing metadata from a captured photo
  14. */
  15. // 保存图片至本地,方法见下文
  16. [self saveImage:image withName:@"currentImage.png"];
  17. NSString *fullPath = [[NSHomeDirectory() stringByAppendingPathComponent:@"Documents"] stringByAppendingPathComponent:@"currentImage.png"];
  18. UIImage *savedImage = [[UIImage alloc] initWithContentsOfFile:fullPath];
  19. isFullScreen = NO;
  20. [self.imageView setImage:savedImage];
  21. self.imageView.tag = 100;
  22. }
  23. - (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker
  24. {
  25. [self dismissViewControllerAnimated:YES completion:^{}];
  26. }

复制代码

七、保存图片
高保真压缩图片方法

  1. NSData * UIImageJPEGRepresentation ( UIImage *image, CGFloat compressionQuality
  2. )

复制代码

此方法可将图片压缩,但是图片质量基本不变,第二个参数即图片质量参数。

  1. #pragma mark - 保存图片至沙盒
  2. - (void) saveImage:(UIImage *)currentImage withName:(NSString *)imageName
  3. {
  4. NSData *imageData = UIImageJPEGRepresentation(currentImage, 0.5);
  5. // 获取沙盒目录
  6. NSString *fullPath = [[NSHomeDirectory() stringByAppendingPathComponent:@"Documents"] stringByAppendingPathComponent:imageName];
  7. // 将图片写入文件
  8. [imageData writeToFile:fullPath atomically:NO];
  9. }

复制代码

八、实现点击图片预览功能,滑动放大缩小,带动画

  1. -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
  2. {
  3. isFullScreen = !isFullScreen;
  4. UITouch *touch = [touches anyObject];
  5. CGPoint touchPoint = [touch locationInView:self.view];
  6. CGPoint imagePoint = self.imageView.frame.origin;
  7. //touchPoint.x ,touchPoint.y 就是触点的坐标
  8. // 触点在imageView内,点击imageView时 放大,再次点击时缩小
  9. if(imagePoint.x <= touchPoint.x && imagePoint.x +self.imageView.frame.size.width >=touchPoint.x && imagePoint.y <=  touchPoint.y && imagePoint.y+self.imageView.frame.size.height >= touchPoint.y)
  10. {
  11. // 设置图片放大动画
  12. [UIView beginAnimations:nil context:nil];
  13. // 动画时间
  14. [UIView setAnimationDuration:1];
  15. if (isFullScreen) {
  16. // 放大尺寸
  17. self.imageView.frame = CGRectMake(0, 0, 320, 480);
  18. }
  19. else {
  20. // 缩小尺寸
  21. self.imageView.frame = CGRectMake(50, 65, 90, 115);
  22. }
  23. // commit动画
  24. [UIView commitAnimations];
  25. }
  26. }

复制代码

九、上传图片,使用ASIhttpRequest类库实现,由于本文重点不是网络请求,故不对ASIHttpRequest详细讲述,只贴出部分代码

  1. ASIFormDataRequest *requestReport  = [[ASIFormDataRequest alloc] initWithURL:服务器地址];
  2. NSString *Path = [[NSHomeDirectory() stringByAppendingPathComponent:@"Documents"] stringByAppendingPathComponent:@"currentImage.png"];
  3. [requestReport setFile:Path forKey:@"picturepath"];
  4. [requestReport buildPostBody];
  5. requestReport.delegate = self;
  6. [requestReport startAsynchronous];

复制代码

iOS调用相机,相册,上传头像的更多相关文章

  1. iOS调用相机,相册,上传头像 分类: ios技术 2015-04-14 11:23 256人阅读 评论(0) 收藏

    一.新建工程 二.拖控件,创建映射 三.在.h中加入delegate @interface ViewController : UIViewController 复制代码 四.实现按钮事件 -(IBAc ...

  2. IOS调用相机相册

    #import "SendViewController.h"  //只能打开,没有加载图片的代码,老代码,供参考 #import <MobileCoreServices/UT ...

  3. 相册选择头像或者拍照 上传头像以NSData 图片二进制格式 表单上传

    一.点击头像图片 或者按钮 在相册选择照片返回img,网络上传头像要用data表单上传 (1)上传头像属性 // 图片二进制格式 表单上传 @property (nonatomic, strong) ...

  4. 个人信息——头像更换(拍照或相册上传)~ 微信小程序

    微信小程序中 在用户信息中关于用户头像更换(拍照或相册上传)功能实现. 图像点击触发事件: <image src='{{personImage}}' bindtap='changeAvatar' ...

  5. swift上传头像

    很久没有写博客了,今天特地写了这个,也是一边仿照别人写的demo,注释部分都是需要的.需要的同学可以参考一下. @IBAction func headImageBtnPage(){  //上传头像 / ...

  6. day105:Mofang:设置页面初始化&更新头像/上传头像&设置页面显示用户基本信息

    目录 1.设置页面初始化 2.更新头像 1.点击头像进入更新头像界面 2.更新头像页面初始化 3.更新头像页面CSS样式 4.头像上传来源选择:相册/相机 5.调用api提供的本地接口从相册/相机提取 ...

  7. apiCloud上传头像

    apiCloud上传头像 1.拍照 2.从相机中选择 aui布局 <li class="aui-list-item"> <div class="aui- ...

  8. 完美实现类似QQ的自拍头像、上传头像功能!(Demo 源码)

    现在很多下载客户端程序都需要设定自己头像的功能,而设定头像一般有两种方式:使用摄像头自拍头像,或者选择一个图片的某部分区域作为自己的头像. 一.相关技术 若要实现上述的自拍头像和上传头像的功能,会碰到 ...

  9. Jcrop+uploadify+php实现上传头像预览裁剪

    最近由于项目需要,所以做了一个上传头像预览并且可以预览裁剪的功能,大概思路是上传的图片先保存到服务器,然后通过ajax从服务器获取到图片信息,再利用Jcrop插件进行裁剪,之后通过PHP获取到的四个裁 ...

随机推荐

  1. 在win7/8/10鼠标右键添加按下SHIFT键时弹出的“在此处打开命令窗口”

    Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\Drive\shell\cmd]@="@shell32.dll,-8506&q ...

  2. 完整版getByClass2016/4/20

    function getByclass(parent,sclass) { var re=new RegExp('\\b'+sclass+'\\b','i') var aEli=parent.getEl ...

  3. js对象大总结2016/4/19

    本地对象(非静态对象) 常用的对象Object,Funcion,Array,Boolen,String,Boolen,Number,Date,RegEXP,Error;new一下就能用的 内置对象:( ...

  4. lucene 查询 (转载)

    原网址:http://hi.baidu.com/lszhuhaichao/blog/item/ccffc7cb858f1514bf09e66f.html Lucene3.0之查询处理(1):原理201 ...

  5. 4--OC --合成存取器方法

    1. 从OC 2.0开始就已经可以自动生成设置函数方法和获取函数方法(统称为存取器方法). 什么是 @property 和 @synthesize ? @property 和 @synthesize ...

  6. 更方便的函数回调——Lambda

    auto callbackFunc = [&](){ backHome(); }; []符号,表示要开始一个lambda函数: ()符号,里面填写函数的参数: 当想在lambda函数里使用外部 ...

  7. SQL Server 2012 - 内置函数

    文本函数 --系统函数位置: 可编程性→函数→系统函数 -- 查询ASCII码 select ASCII('a') --查询数值对应的ASCII码 select CHAR(97) --Left . R ...

  8. protobuf与json互相转换

    Java http://code.google.com/p/protobuf-java-format/ maven <dependency> <groupId>com.goog ...

  9. Django: 配置和静态文件

    运行django-admin.py startproject [project-name] 命令会生成一系列文件,在django 1.6版本以后的settings.py文件中有以下语句: # Buil ...

  10. 离线dfs CF div2 707 D

    http://codeforces.com/contest/707/problem/D 先说一下离线和在线:在线的意思就是每一个询问单独处理复杂度O(多少多少),离线是指将所有的可能的询问先一次都处理 ...