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