美文网首页
图片上传-服务器得到的被旋转90度解决方法

图片上传-服务器得到的被旋转90度解决方法

作者: Zhui_Do | 来源:发表于2017-10-19 16:37 被阅读117次

相关:
1.iOS中(相册)摄像头获取的图片上传至服务器被自动旋转了
2.iPhone上关于相机拍照的图片的imageOrientation的问题

原因:

用相机拍摄出来的照片含有EXIF信息,UIImage的imageOrientation属性指的就是EXIF中的orientation信息。

如果我们忽略orientation信息,而直接对照片进行像素处理或者drawInRect等操作,得到的结果是翻转或者旋转90之后的样子。这是因为我们执行像素处理或者drawInRect等操作之后,imageOrientaion信息被删除了,imageOrientaion被重设为0,造成照片内容和imageOrientaion不匹配。

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

可以使用一下方法矫正

- (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;
}

相关文章

  • 图片上传-服务器得到的被旋转90度解决方法

    相关:1.iOS中(相册)摄像头获取的图片上传至服务器被自动旋转了2.iPhone上关于相机拍照的图片的image...

  • iOS上传图片后台旋转展示问题

    iOS上传图片后台旋转展示问题 在一次上传图片到服务器后,去后台页面查看,发现iOS显示的图片总是旋转90℃的,而...

  • Web

    web图片 图片处理服务器用来处理网站上传的图片满足大小、旋转等要求 图床:将本地图片上传到网络图片服务器,生成网...

  • iOS图片旋转问题

    iOS图片旋转问题 在iOS开发中经常会遇到图片旋转的问题,比如:有时候上传到服务器中的图片方向与iPhone中图...

  • 七牛云相机拍摄图片旋转90°

    问题:拍摄获取的图片后直接放在img标签中会旋转90°。解决方法:上传图片到七牛云后,在图片链接拼接上: 参考链接...

  • 图片上传服务器后被自动旋转

    一开始以为是前端代码的问题,其实并不是。这里要引入 EXIF的概念。 EXIF EXIF(Exchangeable...

  • linux 上传没有目录权限

    问题:上传图片的时候,本地是正常的,但是在服务器上上传的时候出现“上传目录没有权限”!!!! 解决方法: 你会发现...

  • Vue3.0拍照上传旋转90°

    有些手机拍照上传到服务器后,图片会旋转,compressorjs[https://github.com/fengy...

  • php判断图片是否需要旋转

    iPhone拍摄的图片上传到服务器上可能是翻转的,所以需要判断是否需要旋转

  • iOS开发-调整Image方向

    ** 当我们通过相机或是在相册中取图片上传到服务器的时候,服务器端显示的图片的方向可能会向左旋转,我们可以写一个...

网友评论

      本文标题:图片上传-服务器得到的被旋转90度解决方法

      本文链接:https://www.haomeiwen.com/subject/btxpuxtx.html