HTML5 输入文件图像捕获图像倒置答案

【问题标题】：HTML5 input file image capture images upside downHTML5 输入文件图像捕获图像倒置
【发布时间】：2017-01-14 00:11:27
【问题描述】：

我在我的网络应用程序中实现了输入文件图像捕获，让用户拍照并上传。但是，当他们将平板电脑倒置时，图像会出现倒置。在应用外使用相机应用时，无论你如何拍照，它总是颠倒的。

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

【问题讨论】：

上传文件时，您可以尝试测试定义图像orientation 的元数据，然后在保存上传的文件数据时在服务器上适当地旋转图像。但是，要对此有一个简明的答案，我们需要知道您用于处理上传的服务器代码（例如PHP?Perl?）。
你能澄清你的问题吗？
How to deal with iOS taking upside down picture的可能重复

标签： html image file input capture

【解决方案1】：

您应该能够使用 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

【讨论】：

我认为 OP宁愿图像旋转而不是设备旋转
@Marin，如果我不理解，请原谅.. 以上让您知道“设备”的旋转？一旦你知道了口粮，你就可以编写额外的脚本来旋转视频/照片？
我知道上传的图像与设备相比总是错误的方向（180 度旋转），设备旋转不是问题，但该图像被错误地旋转保存在服务器上。对不起，如果我们互相混淆！
@Martin 只是重读了 OP 的问题，你是对的。无论旋转如何，图片始终为 180 度。对不起，我的错误。