iOS中(相册)摄像头获取的图片上传至服务器被自动旋转了

今天写项目的时候发现, 通过相机(相册)获取到的图片显示是正的,但是上传至服务器后下次从服务器读取就被莫名其妙的旋转了,开始时候以为是服务器的原因,最后原来是我的原因:如果把通过相机获取到的图片,直接进行操作, 比如裁剪, 缩放, 则会把原图片向右旋转90度。

上网查后也有人说是这个原因:如果该图片大于2M,会自动旋转90度;否则不旋转

[objc]  view plain  copy
  1. //get original photo from iOS photos   
  2. //如果该图片大于2M,会自动旋转90度;否则不旋转  
  3. UIImage* originalImg=[dict objectForKey:UIImagePickerControllerOriginalImage];  

不知道是否是上边的原因,至于是否正确, 还没确定。 先Mark,哈哈。

下边说下解决方案:用相机拍摄出来的照片含有EXIF信息,UIImage的imageOrientation属性指的就是EXIF中的orientation信息。
如果我们忽略orientation信息,而直接对照片进行像素处理或者drawInRect等操作,得到的结果是翻转或者旋转90之后的样子。这是因为我们执行像素处理或者drawInRect等操作之后,imageOrientaion信息被删除了,imageOrientaion被重设为0,造成照片内容和imageOrientaion不匹配。
所以,在对照片进行处理之前,先将照片旋转到正确的方向,并且返回的imageOrientaion为0。
下面这个方法就是一个UIImage category中的方法,用它可以达到以上目的。

上代码:

[objc]  view plain  copy
  1. - (UIImage *)fixOrientation:(UIImage *)aImage {  
  2.        
  3.     // No-op if the orientation is already correct  
  4.     if (aImage.imageOrientation == UIImageOrientationUp)   
  5.         return aImage;  
  6.        
  7.     // We need to calculate the proper transformation to make the image upright.  
  8.     // We do it in 2 steps: Rotate if Left/Right/Down, and then flip if Mirrored.  
  9.     CGAffineTransform transform = CGAffineTransformIdentity;  
  10.        
  11.     switch (aImage.imageOrientation) {  
  12.         case UIImageOrientationDown:  
  13.         case UIImageOrientationDownMirrored:  
  14.             transform = CGAffineTransformTranslate(transform, aImage.size.width, aImage.size.height);  
  15.             transform = CGAffineTransformRotate(transform, M_PI);  
  16.             break;  
  17.                
  18.         case UIImageOrientationLeft:  
  19.         case UIImageOrientationLeftMirrored:  
  20.             transform = CGAffineTransformTranslate(transform, aImage.size.width0);  
  21.             transform = CGAffineTransformRotate(transform, M_PI_2);  
  22.             break;  
  23.                
  24.         case UIImageOrientationRight:  
  25.         case UIImageOrientationRightMirrored:  
  26.             transform = CGAffineTransformTranslate(transform, 0, aImage.size.height);  
  27.             transform = CGAffineTransformRotate(transform, -M_PI_2);  
  28.             break;  
  29.         default:  
  30.             break;  
  31.     }  
  32.        
  33.     switch (aImage.imageOrientation) {  
  34.         case UIImageOrientationUpMirrored:  
  35.         case UIImageOrientationDownMirrored:  
  36.             transform = CGAffineTransformTranslate(transform, aImage.size.width0);  
  37.             transform = CGAffineTransformScale(transform, -11);  
  38.             break;  
  39.                
  40.         case UIImageOrientationLeftMirrored:  
  41.         case UIImageOrientationRightMirrored:  
  42.             transform = CGAffineTransformTranslate(transform, aImage.size.height0);  
  43.             transform = CGAffineTransformScale(transform, -11);  
  44.             break;  
  45.         default:  
  46.             break;  
  47.     }  
  48.        
  49.     // Now we draw the underlying CGImage into a new context, applying the transform  
  50.     // calculated above.  
  51.     CGContextRef ctx = CGBitmapContextCreate(NULL, aImage.size.width, aImage.size.height,  
  52.                                              CGImageGetBitsPerComponent(aImage.CGImage), 0,  
  53.                                              CGImageGetColorSpace(aImage.CGImage),  
  54.                                              CGImageGetBitmapInfo(aImage.CGImage));  
  55.     CGContextConcatCTM(ctx, transform);  
  56.     switch (aImage.imageOrientation) {  
  57.         case UIImageOrientationLeft:  
  58.         case UIImageOrientationLeftMirrored:  
  59.         case UIImageOrientationRight:  
  60.         case UIImageOrientationRightMirrored:  
  61.             // Grr...  
  62.             CGContextDrawImage(ctx, CGRectMake(0,0,aImage.size.height,aImage.size.width), aImage.CGImage);  
  63.             break;  
  64.                
  65.         default:  
  66.             CGContextDrawImage(ctx, CGRectMake(0,0,aImage.size.width,aImage.size.height), aImage.CGImage);  
  67.             break;  
  68.     }  
  69.        
  70.     // And now we just create a new UIImage from the drawing context  
  71.     CGImageRef cgimg = CGBitmapContextCreateImage(ctx);  
  72.     UIImage *img = [UIImage imageWithCGImage:cgimg];  
  73.     CGContextRelease(ctx);  
  74.     CGImageRelease(cgimg);  
  75.     return img;  
  76. }  

上边方法亲自测试用过绝对靠谱。下面截取项目中用此方法的片段:

[objc]  view plain  copy
  1. UIImageView *aImageView=[[[UIImageView alloc]init]autorelease];  
  2. [aImageView setFrame:CGRectMake(INSETS-855, PIC_WIDTH, PIC_HEIGHT)];  
  3. aImageView = [addedPicArray objectAtIndex:0];  
  4. NSData *imageData = UIImageJPEGRepresentation([self fixOrientation:aImageView.image], 0.1);  
  5. // 上传信息至服务器  
  6. [self setPlayerImageRequest:imageData];//先上传玩发表的图片,然后在发表文字  

经过转后的image上传至服务器就是正常方向了。
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值