Html 在移动版本上自动将纵向图像旋转到水平位置

情况是，在我使用p上传图像后：上传标记，然后使用div标记和背景图像样式规则显示它。图像被显示，但其方向发生了变化，变为水平

然而，这个问题似乎只发生在手机版的网站上

import org.apache.commons.io.IOUtils;
import ch.ivyteam.util.Base64;

out.addressInformationBean.contract.employee.contact.contactPhotoBlob = Base64.encode(IOUtils.toByteArray(param.event.getFile().getInputstream()));
out.hasContactPhoto = true;

上面的代码片段是我用来获取图像编码的代码片段。上传后，我使用这个base64代码使用div和背景图像样式显示图像

---

我想知道浏览器是否有任何自动旋转功能。

检索到的图像是否已旋转？或者图像是旋转显示的？我想它是旋转显示的，因为我没有修改检索到的图像。更深入一点的情况是，图像在手机上显示为肖像，但随后我上传图像，并使用背景图像样式将其直接更新到div。它显示旋转。请不要思考。核实一下。我这样问是因为“显示旋转”绝对不是HTML的默认行为（请注意，JSF在这里只是一个HTML代码生成器），所以更可能的是客户端实际发送了旋转的图像（在一些基于Android的客户端上确实可以识别）@BalusC它显示图像是旋转发送的，在EXIF数据中具有特定的方向值。所以在手机上，它正确地显示给用户，然后上传到网站上，显示它的方向值（6，有8个不同的方向值）。我使用这个javascript库在用户上传时获取文件，并使用这个库解析文件的元数据，然后使用CSS转换旋转它。检索到的图像是否旋转？或者图像是旋转显示的？我想它是旋转显示的，因为我没有修改检索到的图像。更深入一点的情况是，图像在手机上显示为肖像，但随后我上传图像，并使用背景图像样式将其直接更新到div。它显示旋转。请不要思考。核实一下。我这样问是因为“显示旋转”绝对不是HTML的默认行为（请注意，JSF在这里只是一个HTML代码生成器），所以更可能的是客户端实际发送了旋转的图像（在一些基于Android的客户端上确实可以识别）@BalusC它显示图像是旋转发送的，在EXIF数据中具有特定的方向值。所以在手机上，它正确地显示给用户，然后上传到网站上，显示它的方向值（6，有8个不同的方向值）。我使用这个javascript库在用户上传时获取文件，并使用这个库解析文件的元数据，然后使用CSS转换旋转它。