近日，多位 ASP.NET Core 开发者反映，在构建基于 MVC 6 的 Web 应用时，遇到一个令人困惑的图片处理异常：从 Android 手机（尤其是系统相册或原生相机应用）上传的 JPEG 图片，在网页中显示时会莫名其妙地旋转 90 度，但直接下载到本地后查看却完全正常。这一现象在社区内引发广泛讨论，不少开发者甚至一度怀疑是浏览器渲染或图片压缩库的 Bug。经过深入排查，问题矛头直指图片文件自带的 EXIF 方向元数据（Orientation Tag） 以及 ASP.NET Core 默认的图片处理流水线未对其进行自动校正。

问题重现：看似“畸形”的上传体验

当用户通过 Android 手机竖屏拍摄一张照片（例如分辨率为 3024×4032），并在浏览器中通过 <input type="file"> 表单上传至 ASP.NET Core 6 MVC 后端时，服务器端将图片保存后，在前端通过 <img> 标签或部分预览功能展示时，图片往往呈现为横屏状态（即被旋转 90 度或 270 度）。然而，若开发者手动下载该上传文件，用本地图片查看器打开，却显示为正确的竖屏方向。

同一张图片在 iOS 设备上上传却很少出现此问题，这也成为排查中的关键线索：Android 不同厂商、不同版本相机的 EXIF 处理机制不统一，导致方向标签的写入与读取存在差异。

根源剖析：EXIF 方向标签——被忽略的“隐含指令”

EXIF（Exchangeable Image File Format）是嵌入在 JPEG、TIFF 等图片文件中的元数据标准，其中包含拍摄时间、光圈、焦距、GPS 坐标等信息。标签 0x0112（Orientation）定义了拍摄时相机相对于被摄体的方向，其值从 1 到 8，常见取值如下：

  • 1：正常（左上角为原点）
  • 6：顺时针旋转 90 度
  • 3：旋转 180 度
  • 8：逆时针旋转 90 度

当手机竖屏拍摄时，部分 Android 设备会将 Orientation 标记为 6，而非像许多桌面相机那样直接旋转像素数据。这样做本意是保留原始像素数据，由操作系统或查看器根据标签自动旋转显示。但问题在于，ASP.NET Core 中默认的静态文件中间件（Static File Middleware）以及许多图片处理库（如 SixLabors.ImageSharp、SkiaSharp）并不会自动读取并应用 EXIF 方向，而是直接输出原始像素数据，从而导致显示方向与预期不符。

下载后正常，则是因为本地图片查看器（如 Windows 照片应用、macOS 预览、Android 相册）均会主动读取 EXIF 方向并自动旋转，而浏览器在未启用特殊处理时则忽略该标签。

解决方案：从源头或后端校正

目前主流的解决思路有三种：

1. 后端图片处理库自动校正

推荐使用 SixLabors.ImageSharp（已支持 .NET 6/7/8）或 Magick.NET。例如在 ImageSharp 中，可通过 Image.Load() 时指定 AutoOrient 模式：

using SixLabors.ImageSharp;
using SixLabors.ImageSharp.Processing;

using var image = Image.Load(stream);
image.Mutate(x => x.AutoOrientation()); // 自动根据 EXIF 旋转像素
image.Save("output.jpg");

2. 前端利用浏览器 API

通过 JavaScript 的 FileReader 读取 EXIF 方向，利用 canvas 进行旋转，但这一方案会增加前端复杂度和用户体验不一致风险。

3. 修改图片保存逻辑

在上传管线中统一移除 EXIF 方向标签，或强制将所有图片归一化为方向值 1。例如使用 ImageSharp 的 Metadata 加载模式，读取 Orientation 后重写像素。

实用建议：开发与测试注意事项

  • 不要在开发环境中仅用桌面浏览器测试：桌面端相机多无方向标签，或默认写入正确的方向（1），极易遗漏该问题。
  • 使用多台不同品牌 Android 真机测试：例如华为、小米、三星等，不同厂商对 EXIF 的实现存在细微差异。
  • 保存原始图层与显示图层分离：若业务需要保留原始 EXIF 信息用于后期处理，则可生成一份经过校正的缩略图用于网页展示，原图仍保留元数据。

展望：生态改善仍需时日

尽管 ASP.NET Core 6 已集成多种图片处理能力，但默认不支持 EXIF 自动校正仍是一个常见的痛点。社区建议微软在未来的版本中，默认对通过 IFormFile 上传的图片启用 AutoOrientation，或至少在文档中给出更明确的警示。同时，Android 端相机应用也应考虑将方向信息直接写入像素数据（而非依赖标签），以减少跨平台兼容性问题。

对于急切需要修复的开发者，最简单的方式是在后端图片上传处理方法中增加一行 AutoOrientation 调用——一个小改动即可彻底消除这个困扰多时的“90度谜团”。