iphone - Image can not upload in right direction

Question

I am working on a image uploading website.

User can take photo via their camera and upload.

I am testing it with my iPhone 5S

But the photo upload from iPhone display in the wrong direction on PC, and the right direction in mobile device.

in my pc:

the correct direction (the direction display in iPhone)

in my upload process, I simply do nothing to the image, and I use Express and multer:

var storage = multer.diskStorage({
    destination: function(req, file, cb) {
        cb(null, 'public/uploads');
    },
    filename: function(req, file, cb) {
        var name = file.originalname;
        var dot = name.lastIndexOf('.');
        cb(null, name.slice(0, dot) + '-' + new Date().getTime() + name.slice(dot));
    }
});

var upload = multer({
    storage: storage,
    fileFilter: function(req, file, cb) {
        if (/.(png|jpg)$/.test(file.originalname)) {
            cb(null, true);
        } else {
            cb(null, false);
        }
    }
});

var fileUpload = upload.single('file');
router.post('/ajaxupload', function(req, res) {
    fileUpload(req, res, function(err) {
        if (err) {
            res.json({
                success: false,
                message: 'upload failed'
            });
            return;
        }
        console.log(req.file);
        res.json({
            success: true,
            filename: req.file.path.replace(/public/, '')
        });
    });
});

Answer 1

Call this method where image's orientation is changed

- (UIImage *)changeOrientation:(UIImage *)image {

    if (image.imageOrientation == UIImageOrientationUp) return image;

    CGAffineTransform transform = CGAffineTransformIdentity;

    switch (image.imageOrientation) {
        case UIImageOrientationDown:
        case UIImageOrientationDownMirrored:
            transform = CGAffineTransformTranslate(transform, image.size.width, image.size.height);
            transform = CGAffineTransformRotate(transform, M_PI);
            break;

        case UIImageOrientationLeft:
        case UIImageOrientationLeftMirrored:
            transform = CGAffineTransformTranslate(transform, image.size.width, 0);
            transform = CGAffineTransformRotate(transform, M_PI_2);
            break;

        case UIImageOrientationRight:
        case UIImageOrientationRightMirrored:
            transform = CGAffineTransformTranslate(transform, 0, image.size.height);
            transform = CGAffineTransformRotate(transform, -M_PI_2);
            break;
        case UIImageOrientationUp:
        case UIImageOrientationUpMirrored:
            break;
    }

    switch (image.imageOrientation) {
        case UIImageOrientationUpMirrored:
        case UIImageOrientationDownMirrored:
            transform = CGAffineTransformTranslate(transform, image.size.width, 0);
            transform = CGAffineTransformScale(transform, -1, 1);
            break;

        case UIImageOrientationLeftMirrored:
        case UIImageOrientationRightMirrored:
            transform = CGAffineTransformTranslate(transform, image.size.height, 0);
            transform = CGAffineTransformScale(transform, -1, 1);
            break;
        case UIImageOrientationUp:
        case UIImageOrientationDown:
        case UIImageOrientationLeft:
        case UIImageOrientationRight:
            break;
    }

    CGContextRef ctx = CGBitmapContextCreate(NULL, image.size.width, image.size.height,
                                             CGImageGetBitsPerComponent(image.CGImage), 0,
                                                 CGImageGetColorSpace(image.CGImage),
                                             CGImageGetBitmapInfo(image.CGImage));
    CGContextConcatCTM(ctx, transform);
    switch (image.imageOrientation) {
        case UIImageOrientationLeft:
        case UIImageOrientationLeftMirrored:
        case UIImageOrientationRight:
        case UIImageOrientationRightMirrored:

            CGContextDrawImage(ctx, CGRectMake(0,0,image.size.height,image.size.width), image.CGImage);
            break;

        default:
            CGContextDrawImage(ctx, CGRectMake(0,0,image.size.width,image.size.height), image.CGImage);
            break;
    }

    CGImageRef cgimg = CGBitmapContextCreateImage(ctx);
    UIImage *img = [UIImage imageWithCGImage:cgimg];
    CGContextRelease(ctx);
    CGImageRelease(cgimg);
    return img;
}