图片无法按正确方向上传

Question

我正在开发一个图片上传网站。

用户可以通过相机拍照并上传。

我正在用我的 iPhone 5S 测试它

但从 iPhone 上传的照片在 PC 上显示方向错误，而在移动设备上显示方向正确。

在我的电脑上：

正确的方向（iPhone中的方向显示）

在我的上传过程中，我只是对图像不做任何事情，我使用Express 和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

在图像方向发生变化时调用此方法

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