Android上传图片至Blazor WASM后端触发System.Drawing异常排查

核心原因分析 #

出现该问题的核心是部分外部下载的JPG图片不符合System.Drawing.Common的解析规范，Android Chrome上传时不会自动修正这些问题，具体可能的情况包括：

• 图片实际采用CMYK色彩空间：System.Drawing.Common对CMYK格式的JPG支持有限，即使文件能正常打开，解析时也会抛出参数无效异常。
• 文件格式伪装：部分图片实际是WebP格式，但被重命名为.jpg后缀，System.Drawing.Common默认不支持WebP（.NET 6+需额外配置才能支持）。
• 非标准EXIF数据：外部下载的图片可能携带不符合规范的EXIF元数据，导致解析失败。

解决方案 #

1. 替换为更兼容的图像处理库（推荐）

System.Drawing.Common存在平台限制和格式支持不足的问题，建议替换为跨平台、兼容性更强的SixLabors.ImageSharp库：

• 首先安装NuGet包：SixLabors.ImageSharp和SixLabors.ImageSharp.Drawing
• 修改后端Controller代码：

using SixLabors.ImageSharp;
using SixLabors.ImageSharp.Formats.Jpeg;

[HttpPost("save")]
public async Task Save([FromForm] IEnumerable<IFormFile> files)
{
    var file = files.First();
    // 使用ImageSharp读取流，自动兼容更多格式和色彩空间
    using var image = await Image.LoadAsync(file.OpenReadStream());
    // 如需保存为标准RGB JPG
    await image.SaveAsync("output.jpg", new JpegEncoder { ColorType = JpegColorType.Rgb });
}

2. 修复流读取位置（快速排查）

即使已确认流未损坏，也可以尝试重置流的起始位置后再读取：

[HttpPost("save")]
public async Task Save([FromForm] IEnumerable<IFormFile> files)
{
    var file = files.First();
    var stream = file.OpenReadStream();
    stream.Position = 0; // 重置流到起始位置
    try
    {
        Image img = Image.FromStream(stream);
    }
    catch (Exception ex)
    {
        // 异常处理逻辑
    }
}

3. 转换色彩空间（针对CMYK问题）

如果确定是CMYK格式导致的问题，可以在后端将图片转换为RGB格式后再处理：

// 使用System.Drawing手动转换CMYK到RGB（注意平台兼容性）
using var cmykImage = Image.FromStream(stream);
using var rgbImage = new Bitmap(cmykImage.Width, cmykImage.Height);
using var g = Graphics.FromImage(rgbImage);
g.DrawImage(cmykImage, 0, 0);
// 后续使用rgbImage进行业务处理

4. 验证实际文件格式

检查上传文件的实际格式（通过文件头判断，而非后缀），如果是WebP格式，需要添加WebP支持：

• .NET 6+中，System.Drawing.Common支持WebP，但需要安装System.Drawing.Common最新版本，并确保系统安装了对应的libwebp库（Windows需手动安装，Linux通过包管理器安装）。

内容的提问来源于stack exchange，提问作者Matthew Andrews