我正在我的应用中构建一个功能,它使用像这样的输入类型文件......
<input type="file" onChange={this.loadFile} accept="image/*" capture="camera" />
因此,当在手机上激活此输入时,它会启动手机摄像头。然后将生成的图像保存在文件输入中。然后我使用HTML5将该图像base64编码为字符串,并在异步帖子中将其发送到服务器。
这是问题......
然后,我将相机拍摄的这些图像显示在应用程序不同部分的列表中。当我在同一设备上查看这些照片时,它看起来很好。但是,如果我将应用程序加载到像chrome这样的桌面浏览器中,则图像会显示在侧面。
我所做的所有研究都指出,当我真正想要拍摄肖像时,手机正在假设我正拍摄风景画。然后有意义的是,它会在侧面显示,但它不会向我解释它在不同浏览器中的显示方式。此外,我一直听到的解决方案是,如果我想解决这个问题,我需要在第三方桌面应用程序中打开图像,如photoshop,旋转并保存。但是,我在上面提到的背景下显然是不可能的?
有没有办法在应用中修复相机的方向?还是以其他方式避免这个愚蠢的问题?
由于