使用 ASP.NET Web API 返回图像并显示它？

Question

web api 操作：

byte[] bytes = System.IO.File
                        .ReadAllBytes(
                          HttpContext.Current.Server.MapPath("~/Images/orderedList1.png"));
var result_ = new HttpResponseMessage(HttpStatusCode.OK);
result_.Content = new ByteArrayContent(bytes);
result_.Content.Headers.ContentType = new MediaTypeHeaderValue("image/png");
return result_;

Ajax call

respond - data in console

Answer 1

您不需要对此操作进行 AJAX 调用。只需放置一个<img> 标记并将其 src 属性指向您的 Web API 端点：

<img src="api/account/GetImageByAccountId/12345" alt="" />

或者如果你事先不知道accountId，你可以动态构造这个img标签并使用javascript将它注入到DOM中：

var id = '12345';
$('#someDivId').prepend('<img src="api/account/GetImageByAccountId/' + id + '" alt="" />');

并且图像将被添加到您需要在 DOM 中拥有的容器中：

<div id="someDivId"></div>