图片无法正确上传 [英] Image can not upload in right direction

问题描述

我正在上图像上传网站.

I am working on a image uploading website.

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

User can take photo via their camera and upload.

我正在用我的iPhone 5S对其进行测试

I am testing it with my iPhone 5S

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

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

在我的电脑上:

正确的方向(iPhone中显示的方向)

the correct direction (the direction display in iPhone)

在上传过程中，我对图像完全不执行任何操作，而是使用Express和multer:

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/, '')
        });
    });
});

推荐答案

在更改图像方向的地方调用此方法

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

这篇关于图片无法正确上传的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！