Html 上传的图像显示在网站上

我为我阿姨的服装店建立了一个网站，有一个CMS，她可以在网站上为收藏添加新衣服。在这样做的时候，她需要上传一张衣服的照片，添加一个标题和品牌等等

这一过程进展顺利，但最近图像开始在网站上出现旋转。图像上传非常好，上传的图像在查看文件或图像源时似乎没有旋转。因此，似乎某种CSS属性正在干扰其中一些图像

当我试图自己解决这个问题时，我发现当我在上传图片之前裁剪一小块图片时，它会在网站上正常显示。（只是复制一张照片是行不通的）

在图像中，您可以看到顶部图片显示为正常，底部图片旋转-90度

这些图像上使用的css代码如下所示：

element.style {
     background-image: url(*path to image*);
}

.box {
     width: 100%;
     height: 333px;
     background-repeat: no-repeat;
     background-size: cover;
     border-radius: 7px;
}

当你点击图片时，你会被带到一个页面，上面有关于产品的更多信息。这里的问题也一样。服装列表和信息页面之间CSS的区别在于信息页面上的图像是img元素。在列表中，它是一个div的背景

所有这些项目都是使用PHP从MySQL数据库加载的

我在网上找不到关于这个问题的任何信息。有人能帮我吗？提前谢谢

---

编辑：在上传之前剥离EXIF数据的图像似乎不起作用。

如果图像中存在虚假的EXIF数据，就会发生类似的情况。有些浏览器解释这些信息，有些则不解释。最好是在上传或存储到服务器之前，从计算机上的所有EXIF数据中删除图像。

可能重复的图像听起来像是图像大小问题。请尝试将高度和宽度更改为不同的值。我不确定你是否也可以发布你的html？遗憾的是，剥离EXIF数据的图像似乎不起作用。