ASP.NET Core实现响应img标签src请求以直接显示图片的正确方法

你遇到的406（Not Acceptable）错误，核心问题是Action的返回类型用错了——直接返回Binary类型的话，ASP.NET Core的内容协商机制没法把它和浏览器的Accept请求头做匹配，自然就返回了不支持的响应类型错误。

咱们一步步来修正这个问题：

首先你得明白：浏览器的img标签发起的请求，需要服务器返回一个带有正确Content-Type的响应，ASP.NET Core里专门有FileResult（以及它的子类）来处理这类文件/资源响应，而不是返回Binary这种底层类型。

正确的实现代码示例 #

假设你的service.GetImage(imageID)返回的是图片的字节数组byte[]，我们可以改成这样：

[HttpGet]
[IgnoreAntiforgeryToken]
[Produces("image/jpg", "image/png", "image/webp")]
public IActionResult GetImage([FromQuery] string imageID)
{
    var imageData = service.GetImage(imageID);
    if (imageData == null)
    {
        return NotFound(); // 图片不存在时返回404，更友好
    }

    // 关键：必须获取/指定图片对应的正确MIME类型
    // 你可以从存储的元数据里读取，或者根据图片字节头判断，这里假设你有方法能拿到
    string contentType = GetImageContentType(imageID); 

    // 用File方法返回，框架会自动处理响应头和内容协商
    return File(imageData, contentType);
}

如果你的服务能直接返回图片流Stream的话，用流的方式更高效（不用把整个图片读到内存）：

[HttpGet]
[IgnoreAntiforgeryToken]
[Produces("image/jpg", "image/png", "image/webp")]
public IActionResult GetImage([FromQuery] string imageID)
{
    var imageStream = service.GetImageStream(imageID);
    if (imageStream == null)
    {
        return NotFound();
    }

    string contentType = GetImageContentType(imageID);
    // 直接传入流，框架会自动处理流的关闭
    return File(imageStream, contentType);
}

为什么这样改就能解决406错误？ #

• 返回类型用IActionResult/FileResult：ASP.NET Core会自动根据你指定的ContentType，和浏览器的Accept请求头做正确的内容协商，不会出现不匹配的情况。
• 明确指定ContentType：这是浏览器识别图片类型的关键，必须和图片实际格式对应（比如png对应image/png，webp对应image/webp），只要这个类型在浏览器的Accept列表里（你的请求头里已经包含这些类型），就能正常渲染。
• 处理边界情况：比如图片不存在时返回404，避免服务器抛出未处理的异常。

额外注意点 #

1. 不用再返回Binary类型：这个类型是底层数据类型，ASP.NET Core的Action结果格式化器不知道怎么把它转换成符合HTTP规范的响应内容，这是你之前报错的根本原因。
2. Produces特性可选：只要File方法里指定了正确的ContentType，这个特性可以留着做明确的声明，也可以去掉，不影响功能。

这样修改后，你的img标签就能正常加载图片，不会再出现406错误了。

备注：内容来源于stack exchange，提问作者Omid.N