iOS相机在Safari浏览器中正常旋转，但不能在Web应用程序模式下旋转？

问题描述：

我正在构建一个Web应用程序，该应用程序允许用户拍照并上传到服务器上的文件夹，然后图像显示在图库页面上。上传部分工作正常，但我有一些与iOS的问题。当我在safari中运行应用程序时，当您访问相机时一切正常，您可以旋转相机并拍摄纵向或横向图片，并在画廊页面上正确地上传和渲染。问题是当它从主屏幕以Web应用程序模式运行时...如果您在纵向模式下启动访问相机，相机将启动，但如果您在相机模式下打开手机，图像也会旋转，就好像它正在锁定纵向模式。是否有编程的方式，让摄像头像在safari中运行一样旋转？iOS相机在Safari浏览器中正常旋转，但不能在Web应用程序模式下旋转？

这是我的代码，也许这是不正确的？

<form action="upload.php" method="post" enctype="multipart/form-data" style="width:100%;"> 
       <span style="text-align: center; word-wrap: break-word;"> 
       Please choose a picture: 
       <br></span> 
       <input id="uploadImage" type="file" accept="image/*" name="uploadFile" onchange="PreviewImage();"> 
       <img id="uploadPreview" style="height:120px; width: auto;" /> 

<script type="text/javascript"> 
function PreviewImage() { 
    var oFReader = new FileReader(); 
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]); 

    oFReader.onload = function (oFREvent) { 
     document.getElementById("uploadPreview").src = oFREvent.target.result; 
    }; 
}; 
</script> 
<input type="submit" value="Upload File" ><br> 
Please wait for window to close after uploading 
</form>

任何人都会在iOS的webapp中体验这款相机故障？

你有没有找到解决这个问题的方法？我遇到类似的问题，并希望听到您是否解决了这个问题？ – BenM 2015-07-20 12:16:23

不，我没有找到解决方案....我了解到，苹果正在努力创建网络应用程序，以密切复制原生应用程序的功能。他们不在网络应用上赚钱，而是在本地做。谢谢 – 2015-07-21 14:21:36

嗯，说实话，我遇到过这个问题的其他几位开发者，经过多次尝试，我尝试将Cordova封装器中的所有东西都包裹起来，从而解决了这个问题。看起来，这是UIWebView在Web应用程序中的局限性，但我认为不会很快有Apple解决方案，因为你已经指出， – BenM 2015-07-21 15:35:47

答

已在iOS 10中修复

我们遇到了同样的问题，并且在今天早上运行。

iOS相机在Safari浏览器中正常旋转，但不能在Web应用程序模式下旋转？

相关推荐