html5中文学习网

您的位置: 首页 > ios » 正文

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

[ ] 已经帮助:人解决问题

  这几天在搞iphone上面一个应用的开发,里面有需要摄像头/相册编程和图片上传的问题,在这里总结一下。36bHTML5中文学习网 - HTML5先行者学习网

  【部分知识】36bHTML5中文学习网 - HTML5先行者学习网

  iphone中图像通常存储在4个地方【相册、应用程序包、沙盒、Internet】,通过这4个源,我们就可以存取应用图片。36bHTML5中文学习网 - HTML5先行者学习网

  相册36bHTML5中文学习网 - HTML5先行者学习网

  iphone的相册包含摄像头胶卷+用户计算机同步的部分照片。用户可以通过UIImagePickerController类提供的交互对话框来从相册中选择图像。但是,注意:相册中的图片机器路径无法直接从应用程序访问,只能通过终端用户去选择和使用相册图片36bHTML5中文学习网 - HTML5先行者学习网

  应用程序包36bHTML5中文学习网 - HTML5先行者学习网

  应用程序包可能会将图像与可执行程序、Info.plist文件和其他资源一同存储。我们可以通过本地文件路径来读取这些基于包的图像并在应用程序中显示它们。36bHTML5中文学习网 - HTML5先行者学习网

  沙盒36bHTML5中文学习网 - HTML5先行者学习网

  借助沙盒,我们可以把图片存储到Documents、Library、tmp文件夹中。这些文件均可有应用程序读取,且可以通过文件路径创建图像。尽管沙盒外的部分从技术上说是可行的,但是apple表明这些部分不在appstore应用程序允许访问的范围之内。36bHTML5中文学习网 - HTML5先行者学习网

  Internet36bHTML5中文学习网 - HTML5先行者学习网

  应用程序可以通过图片的URL来访问Internet上的资源。36bHTML5中文学习网 - HTML5先行者学习网

  以上为一些小知识,来自《iphone开发秘籍(第二版)》,可以自己去参考此书。36bHTML5中文学习网 - HTML5先行者学习网

  下面开始切入正题,从摄像头/相册获取图片,压缩图片,上传图片。36bHTML5中文学习网 - HTML5先行者学习网

  从摄像头/相册获取图片36bHTML5中文学习网 - HTML5先行者学习网

  刚刚在上面的知识中提到从摄像头/相册获取图片是面向终端用户的,由用户去浏览并选择图片为程序使用。在这里,我们需要过UIImagePickerController类来和用户交互。36bHTML5中文学习网 - HTML5先行者学习网

  使用UIImagePickerController和用户交互,我们需要实现2个协议。36bHTML5中文学习网 - HTML5先行者学习网

  View Code36bHTML5中文学习网 - HTML5先行者学习网

  代码如下36bHTML5中文学习网 - HTML5先行者学习网

  #pragma mark 从用户相册获取活动图片36bHTML5中文学习网 - HTML5先行者学习网

  - (void)pickImageFromAlbum36bHTML5中文学习网 - HTML5先行者学习网

  {36bHTML5中文学习网 - HTML5先行者学习网

  imagePicker = [[UIImagePickerController alloc] init];36bHTML5中文学习网 - HTML5先行者学习网

  imagePicker.delegate = self;36bHTML5中文学习网 - HTML5先行者学习网

  imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;36bHTML5中文学习网 - HTML5先行者学习网

  imagePicker.modalTransitionStyle = UIModalTransitionStyleCoverVertical;36bHTML5中文学习网 - HTML5先行者学习网

  imagePicker.allowsEditing = YES;36bHTML5中文学习网 - HTML5先行者学习网

  [self presentModalViewController:imagePicker animated:YES];36bHTML5中文学习网 - HTML5先行者学习网

  }36bHTML5中文学习网 - HTML5先行者学习网

  我们来看看上面的从相册获取图片,我们首先要实例化UIImagePickerController对象,然后设置imagePicker对象为当前对象,设置imagePicker的图片来源为UIImagePickerControllerSourceTypePhotoLibrary,表明当前图片的来源为相册,除此之外还可以设置用户对图片是否可编辑。36bHTML5中文学习网 - HTML5先行者学习网

  View Code36bHTML5中文学习网 - HTML5先行者学习网

  代码如下36bHTML5中文学习网 - HTML5先行者学习网

  #pragma mark 从摄像头获取活动图片36bHTML5中文学习网 - HTML5先行者学习网

  - (void)pickImageFromCamera36bHTML5中文学习网 - HTML5先行者学习网

  {36bHTML5中文学习网 - HTML5先行者学习网

  imagePicker = [[UIImagePickerController alloc] init];36bHTML5中文学习网 - HTML5先行者学习网

  imagePicker.delegate = self;36bHTML5中文学习网 - HTML5先行者学习网

  imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;36bHTML5中文学习网 - HTML5先行者学习网

  imagePicker.modalTransitionStyle = UIModalTransitionStyleCoverVertical;36bHTML5中文学习网 - HTML5先行者学习网

  imagePicker.allowsEditing = YES;36bHTML5中文学习网 - HTML5先行者学习网

  [self presentModalViewController:imagePicker animated:YES];36bHTML5中文学习网 - HTML5先行者学习网

  }36bHTML5中文学习网 - HTML5先行者学习网

  以上是从摄像头获取图片,和从相册获取图片只是图片来源的设置不一样,摄像头图片的来源为UIImagePickerControllerSourceTypeCamera。36bHTML5中文学习网 - HTML5先行者学习网

  在和用户交互之后,用户选择好图片后,会回调选择结束的方法。36bHTML5中文学习网 - HTML5先行者学习网

  View Code36bHTML5中文学习网 - HTML5先行者学习网

  代码如下36bHTML5中文学习网 - HTML5先行者学习网

  - (void) imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info36bHTML5中文学习网 - HTML5先行者学习网

  {36bHTML5中文学习网 - HTML5先行者学习网

  UIImage *image= [info objectForKey:@"UIImagePickerControllerOriginalImage"];36bHTML5中文学习网 - HTML5先行者学习网

  if (picker.sourceType == UIImagePickerControllerSourceTypeCamera)36bHTML5中文学习网 - HTML5先行者学习网

  {36bHTML5中文学习网 - HTML5先行者学习网

  // UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil);36bHTML5中文学习网 - HTML5先行者学习网

  }36bHTML5中文学习网 - HTML5先行者学习网

  theImage = [UtilMethod imageWithImageSimple:image scaledToSize:CGSizeMake(120.0, 120.0)];36bHTML5中文学习网 - HTML5先行者学习网

  UIImage *midImage = [UtilMethod imageWithImageSimple:image scaledToSize:CGSizeMake(210.0, 210.0)];36bHTML5中文学习网 - HTML5先行者学习网

  UIImage *bigImage = [UtilMethod imageWithImageSimple:image scaledToSize:CGSizeMake(440.0, 440.0)];36bHTML5中文学习网 - HTML5先行者学习网

  [theImage retain];36bHTML5中文学习网 - HTML5先行者学习网

  [self saveImage:theImage WithName:@"salesImageSmall.jpg"];36bHTML5中文学习网 - HTML5先行者学习网

  [self saveImage:midImage WithName:@"salesImageMid.jpg"];36bHTML5中文学习网 - HTML5先行者学习网

  [self saveImage:bigImage WithName:@"salesImageBig.jpg"];36bHTML5中文学习网 - HTML5先行者学习网

  [self dismissModalViewControllerAnimated:YES];36bHTML5中文学习网 - HTML5先行者学习网

  [self refreshData];36bHTML5中文学习网 - HTML5先行者学习网

  [picker release];36bHTML5中文学习网 - HTML5先行者学习网

  }36bHTML5中文学习网 - HTML5先行者学习网

  在回调结束的方法中,我们对图片进行了大小的处理,为图片的上传做准备。36bHTML5中文学习网 - HTML5先行者学习网

  缩放图片36bHTML5中文学习网 - HTML5先行者学习网

  缩放图片比较简单,就直接放上代码,让大家参考一下。36bHTML5中文学习网 - HTML5先行者学习网

  View Code36bHTML5中文学习网 - HTML5先行者学习网

  代码如下36bHTML5中文学习网 - HTML5先行者学习网

  //压缩图片36bHTML5中文学习网 - HTML5先行者学习网

  + (UIImage*)imageWithImageSimple:(UIImage*)image scaledToSize:(CGSize)newSize36bHTML5中文学习网 - HTML5先行者学习网

  {36bHTML5中文学习网 - HTML5先行者学习网

  // Create a graphics image context36bHTML5中文学习网 - HTML5先行者学习网

  UIGraphicsBeginImageContext(newSize);36bHTML5中文学习网 - HTML5先行者学习网

  // Tell the old image to draw in this new context, with the desired36bHTML5中文学习网 - HTML5先行者学习网

  // new size36bHTML5中文学习网 - HTML5先行者学习网

  [image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)];36bHTML5中文学习网 - HTML5先行者学习网

  // Get the new image from the context36bHTML5中文学习网 - HTML5先行者学习网

  UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();36bHTML5中文学习网 - HTML5先行者学习网

  // End the context36bHTML5中文学习网 - HTML5先行者学习网

  UIGraphicsEndImageContext();36bHTML5中文学习网 - HTML5先行者学习网

  // Return the new image.36bHTML5中文学习网 - HTML5先行者学习网

  return newImage;36bHTML5中文学习网 - HTML5先行者学习网

  }36bHTML5中文学习网 - HTML5先行者学习网

  存储图像36bHTML5中文学习网 - HTML5先行者学习网

  在上面我们获取到了图片并对图片进行了压缩,通过之前的小知识了解到,将应用需要的一些图片存入沙盒是个不错的选择,而且应用程序可以直接通过路径去方法沙盒中的图片,在这里我们将图片存入沙盒中的Documents目录下。36bHTML5中文学习网 - HTML5先行者学习网

  View Code36bHTML5中文学习网 - HTML5先行者学习网

  代码如下36bHTML5中文学习网 - HTML5先行者学习网

  #pragma mark 保存图片到document36bHTML5中文学习网 - HTML5先行者学习网

  - (void)saveImage:(UIImage *)tempImage WithName:(NSString *)imageName36bHTML5中文学习网 - HTML5先行者学习网

  {36bHTML5中文学习网 - HTML5先行者学习网

  NSData* imageData = UIImagePNGRepresentation(tempImage);36bHTML5中文学习网 - HTML5先行者学习网

  NSArray* paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);36bHTML5中文学习网 - HTML5先行者学习网

  NSString* documentsDirectory = [paths objectAtIndex:0];36bHTML5中文学习网 - HTML5先行者学习网

  // Now we get the full path to the file36bHTML5中文学习网 - HTML5先行者学习网

  NSString* fullPathToFile = [documentsDirectory stringByAppendingPathComponent:imageName];36bHTML5中文学习网 - HTML5先行者学习网

  // and then we write it out36bHTML5中文学习网 - HTML5先行者学习网

  [imageData writeToFile:fullPathToFile atomically:NO];36bHTML5中文学习网 - HTML5先行者学习网

  }36bHTML5中文学习网 - HTML5先行者学习网

  从Documents目录下获取图片36bHTML5中文学习网 - HTML5先行者学习网

  要从Documents下面获取图片,我们首先需要获取Documents目录的路径。36bHTML5中文学习网 - HTML5先行者学习网

  View Code36bHTML5中文学习网 - HTML5先行者学习网

  代码如下36bHTML5中文学习网 - HTML5先行者学习网

  #pragma mark 从文档目录下获取Documents路径36bHTML5中文学习网 - HTML5先行者学习网

  - (NSString *)documentFolderPath36bHTML5中文学习网 - HTML5先行者学习网

  {36bHTML5中文学习网 - HTML5先行者学习网

  return [NSHomeDirectory() stringByAppendingPathComponent:@"Documents"];36bHTML5中文学习网 - HTML5先行者学习网

  }36bHTML5中文学习网 - HTML5先行者学习网

  然后,我们便可以通过文件名,去访问获取资源了。36bHTML5中文学习网 - HTML5先行者学习网

  View Code36bHTML5中文学习网 - HTML5先行者学习网

  上传图片36bHTML5中文学习网 - HTML5先行者学习网

  项目中我们使用了ASIFormHttpRequest的开源框架,http请求的部分代码如下,http返回以及相关回调方法略去。36bHTML5中文学习网 - HTML5先行者学习网

  View Code36bHTML5中文学习网 - HTML5先行者学习网

  代码如下36bHTML5中文学习网 - HTML5先行者学习网

  - (void)upLoadSalesBigImage:(NSString *)bigImage MidImage:(NSString *)midImage SmallImage:(NSString *)smallImage36bHTML5中文学习网 - HTML5先行者学习网

  {36bHTML5中文学习网 - HTML5先行者学习网

  NSURL *url = [NSURL URLWithString:UPLOAD_SERVER_URL];36bHTML5中文学习网 - HTML5先行者学习网

  ASIFormDataRequest *request = [ASIFormDataRequest requestWithURL:url];36bHTML5中文学习网 - HTML5先行者学习网

  [request setPostValue:@"photo" forKey:@"type"];36bHTML5中文学习网 - HTML5先行者学习网

  [request setFile:bigImage forKey:@"file_pic_big"];36bHTML5中文学习网 - HTML5先行者学习网

  [request buildPostBody];36bHTML5中文学习网 - HTML5先行者学习网

  [request setDelegate:self];36bHTML5中文学习网 - HTML5先行者学习网

  [request setTimeOutSeconds:TIME_OUT_SECONDS];36bHTML5中文学习网 - HTML5先行者学习网

  [request startAsynchronous];36bHTML5中文学习网 - HTML5先行者学习网

  }36bHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助