Ipad上传的图像在asp.net c#中的所有浏览器中显示桌面旋转90度

Posted 2023-03-05

【中文标题】Ipad上传的图像在asp.net c#中的所有浏览器中显示桌面旋转90度

【英文标题】：Ipad uploaded image shows 90 degree rotated in desktop all browsers in asp.net c#

【发布时间】：2015-08-29 04:21:46

【问题描述】：

我已从 Ipad/Iphone 上传图像（在 Iphone/Ipad 中捕获）。它在 Ipad/Iphone 浏览器中显示完美，但在桌面所有浏览器中显示为 90 度旋转。

<img>标签如下，

<img id="Main_SettingMain_imgPhoto" style="height:100px;width:100px;" src="/Images/UserProfile/test.jpg">

此图片为纵向模式，但在所有桌面浏览器中以横向模式显示。

According to this link,

image in html left turn 90 degree automatically issue，我放了css，但它只允许在mozilla浏览器中使用。我必须让这个<img> 标签在所有桌面浏览器中都兼容。

任何可以接受的建议。

【问题讨论】：

我引用了这个链接***.com/questions/4565507/…，它解决了我的问题。

【参考方案1】：

我在为一个网站工作时遇到了这个问题，问题不在于您的代码，而在于 Image 。因为它是用 Iphone/Ipad 捕获的。

使用 Photoshop 编辑图像，并将其保存为 Jpg 格式或相应的格式。 它不会在任何浏览器上翻转。

它对我有用。试试看！

【讨论】：

不要只使用用 Iphone 或 Ipad 拍摄的图像，在 photoshop 或任何其他工具中编辑一点，然后以所需格式重新保存。这肯定会奏效。

是的，但是用户上传的图片直接显示在图片标签中。所以我别无选择用 Photoshop 修改它

哦，我以为它是静态的。你可以用Js检测浏览器并相应地应用-webkit-

我已经在 css 中应用了 -webkit 和 image-orientation 但没有任何效果