HTML显示一些图像反转而一些图像不反转

Question

我正在建立一个网站，您可以上传图片并将其显示在另一个网页中。在html页面中，一些图像反转90度，一些图像很好。图像的来源来自iPhone，我正在使用Safari浏览器。

这是我的代码：

    <div>
        <img src="uploads/<?php echo $row["image"] ?>" alt="Profile Pic" width="300" height="300" style="border-radius: 80px">
    </div>

Answer 1

@amr正如您指定的图像方向问题。我认为你不能用HTML做那件事你应该让开发人员帮忙。

Answer 2

我认为这是图像元数据问题。你应该阅读here。

基本上它的含义是：

  

简单地说明这一点：如果你用设备拍照   当它上传到网络并出现时，它不会使用EXIF   它可能无法按预期显示的Web文档。

那么也许您应该检查这些图像是否有EXIF数据？

此外，图像也得到了Color Space and Color Profiles。您可能会遇到某些图像的某些反转颜色的问题，您应该在需要时应用适当的颜色配置文件或空格。