iOS拍照上传后，在web端显示旋转Swift＋OC版解决方案

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›Swift 教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

问题描述：

手机头像上传，遇到一个怪现象，就是拍照上传时，手机端显示头像正常，但在web端查看会有一个左旋90度的问题。

并且照片竖怕才会有此问题，横拍不存在。

原因分析：

手机拍照时，用相机拍摄出来的照片是含有EXIF信息的，在我们得到 UIImage时，可以查看此Image的imageOrientation属性，其实就是指的EXIF中的orientation信息。

如果我们忽略orientation信息，而直接对照片进行像素处理或上传等操作，得到的结果是翻转或者旋转90之后的样子。

这是因为我们执行像素处理或者drawInRect等操作之后，imageOrientaion信息被删除了，imageOrientaion被重设为0，造成照片内容和imageOrientaion不匹配。

所以，在对照片进行处理之前，先将照片旋转到正确的方向，保证返回的imageOrientaion为0。

解决方法：

Swift版：

/**
     照片竖拍  web显示旋转解决:图片大于2M会自动旋转90度
     
     - parameter aImage: <#aImage description#>
     
     - returns: <#return value description#>
     */
    class func fixOrientation(aImage:UIImage)->UIImage  {
        if aImage.imageOrientation == UIImageOrientation.Up{
            return aImage
        }
    
        var transform = CGAffineTransformIdentity
        
        switch (aImage.imageOrientation) {
        case .Down,.DownMirrored:
        transform = CGAffineTransformTranslate(transform, aImage.size.width, aImage.size.height)
        transform = CGAffineTransformRotate(transform, CGFloat(M_PI))
        break;
        
        case .Left,.LeftMirrored:
        transform = CGAffineTransformTranslate(transform, aImage.size.width, 0)
        transform = CGAffineTransformRotate(transform, CGFloat(M_PI_2))
        break;
        
        case .Right,.RightMirrored:
        transform = CGAffineTransformTranslate(transform, 0, aImage.size.height)
        transform = CGAffineTransformRotate(transform, CGFloat(-M_PI_2))
        break;
        default:
        break;
        }
        
        switch (aImage.imageOrientation) {
        case .UpMirrored,.DownMirrored:
        transform = CGAffineTransformTranslate(transform, aImage.size.width, 0)
        transform = CGAffineTransformScale(transform, -1, 1)
        break;
        
        case .LeftMirrored,.RightMirrored:
        transform = CGAffineTransformTranslate(transform, aImage.size.height, 0)
        transform = CGAffineTransformScale(transform, -1, 1)
        break;
        default:
        break;
        }
        
        let ctx:CGContextRef = CGBitmapContextCreate(nil, Int(aImage.size.width), Int(aImage.size.height),
        CGImageGetBitsPerComponent(aImage.CGImage), 0,
        CGImageGetColorSpace(aImage.CGImage),
        1)!


        
        CGContextConcatCTM(ctx, transform)
        switch (aImage.imageOrientation) {
        case .Left,.LeftMirrored,.Right,.RightMirrored:
        CGContextDrawImage(ctx, CGRectMake(0,0,aImage.size.height,aImage.size.width), aImage.CGImage)
        break;
        
        default:
        CGContextDrawImage(ctx, CGRectMake(0,0,aImage.size.width,aImage.size.height), aImage.CGImage);
        break;
        }
        
        let cgimg:CGImageRef = CGBitmapContextCreateImage(ctx)!
        let img:UIImage = UIImage(CGImage: cgimg)
        return img;
        }

OC版：

- (UIImage *)fixOrientation:(UIImage *)aImage {  
    
  // No-op if the orientation is already correct  
  if (aImage.imageOrientation == UIImageOrientationUp)   
    return aImage;  
    
  // We need to calculate the proper transformation to make the image upright.  
  // We do it in 2 steps: Rotate if Left/Right/Down, and then flip if Mirrored.  
  CGAffineTransform transform = CGAffineTransformIdentity;  
    
  switch (aImage.imageOrientation) {  
    case UIImageOrientationDown:  
    case UIImageOrientationDownMirrored:  
      transform = CGAffineTransformTranslate(transform, aImage.size.width, aImage.size.height);  
      transform = CGAffineTransformRotate(transform, M_PI);  
      break;  
        
    case UIImageOrientationLeft:  
    case UIImageOrientationLeftMirrored:  
      transform = CGAffineTransformTranslate(transform, aImage.size.width, 0);  
      transform = CGAffineTransformRotate(transform, M_PI_2);  
      break;  
        
    case UIImageOrientationRight:  
    case UIImageOrientationRightMirrored:  
      transform = CGAffineTransformTranslate(transform, 0, aImage.size.height);  
      transform = CGAffineTransformRotate(transform, -M_PI_2);  
      break;  
    default:  
      break;  
  }  
    
  switch (aImage.imageOrientation) {  
    case UIImageOrientationUpMirrored:  
    case UIImageOrientationDownMirrored:  
      transform = CGAffineTransformTranslate(transform, aImage.size.width, 0);  
      transform = CGAffineTransformScale(transform, -1, 1);  
      break;  
        
    case UIImageOrientationLeftMirrored:  
    case UIImageOrientationRightMirrored:  
      transform = CGAffineTransformTranslate(transform, aImage.size.height, 0);  
      transform = CGAffineTransformScale(transform, -1, 1);  
      break;  
    default:  
      break;  
  }  
    
  // Now we draw the underlying CGImage into a new context, applying the transform  
  // calculated above.  
  CGContextRef ctx = CGBitmapContextCreate(NULL, aImage.size.width, aImage.size.height,  
                       CGImageGetBitsPerComponent(aImage.CGImage), 0,  
                       CGImageGetColorSpace(aImage.CGImage),  
                       CGImageGetBitmapInfo(aImage.CGImage));  
  CGContextConcatCTM(ctx, transform);  
  switch (aImage.imageOrientation) {  
    case UIImageOrientationLeft:  
    case UIImageOrientationLeftMirrored:  
    case UIImageOrientationRight:  
    case UIImageOrientationRightMirrored:  
      // Grr...  
      CGContextDrawImage(ctx, CGRectMake(0,0,aImage.size.height,aImage.size.width), aImage.CGImage);  
      break;  
        
    default:  
      CGContextDrawImage(ctx, CGRectMake(0,0,aImage.size.width,aImage.size.height), aImage.CGImage);  
      break;  
  }  
    
  // And now we just create a new UIImage from the drawing context  
  CGImageRef cgimg = CGBitmapContextCreateImage(ctx);  
  UIImage *img = [UIImage imageWithCGImage:cgimg];  
  CGContextRelease(ctx);  
  CGImageRelease(cgimg);  
  return img;  
}

亲测，在完成拍照代理里，获取到图片后，用此方法处理后，再上传服务器，可解决该问题。

            //若是图片
            var img:UIImage = info[UIImagePickerControllerOriginalImage] as! UIImage
            //保存相册
            UIImageWriteToSavedPhotosAlbum(img, self, nil, nil)
            
            img = PublicMethod.fixOrientation(img)
            
            //压缩图片
            let imgData:NSData = UIImageJPEGRepresentation(img, 0.2)!
            //上传服务器
            self.uploadHeadImg(imgData, headImage: img)

参考文献：http://blog.csdn.net/hitwhylz/article/details/39518463

如果有疑问，欢迎留言。