HTML5输入文件图像捕捉图像颠倒

我已经在我的web应用程序中实现了输入文件图像捕捉，以让用户拍照并上传。但是，当平板电脑颠倒时，图像会颠倒过来。在应用程序外部使用相机应用程序时，拍摄照片的方式并不重要，它始终处于颠倒状态。HTML5输入文件图像捕捉图像颠倒

如何在我的网络应用程序中强制执行此操作？

2016-09-06 Arko Elsenaar

在上传你可以试试文件和测试用于定义图像的'orientation'元数据读取窗方向，然后旋转图像当您保存上传的文件数据时，在服务器上适当地运行。然而，为了得到一个简洁的答案，我们需要知道你用来处理上传的服务器代码（例如'PHP'？'Perl'？）。 – Martin

你能否澄清你的问题。 – Martin

你应该能够使用JavaScript

function readDeviceOrientation() { 

switch (window.orientation) { 
case 0: 

    // Portrait 
    break; 

case 180: 

    // Portrait (Upside-down) 
    break; 

case -90: 

    // Landscape (Clockwise) 
    break; 

case 90: 

    // Landscape (Counterclockwise) 
    break; 
}

documentation

来源

2016-09-06 13:52:26

我*想* OP宁愿图像旋转，而不是设备 – Martin

@Marin，请原谅我，如果我不理解上面让我们来了解“设备”的旋转？一旦你知道口粮，你可以编写额外的脚本来旋转视频/照片？ –

我知道上传的图片总是与设备相比错了方向（180deg旋转），设备旋转不是问题，但该图片被错误地旋转保存在服务器上。对不起，如果我们混淆彼此！ – Martin

HTML5输入文件图像捕捉图像颠倒

回答

相关问题