使用ASP.NET WebAPI获取JSON格式字节数组无法重建图像

我看你遇到的问题是把从WebAPI取回的图像字节数组转成Base64后无法正常生成图像，咱们先理清楚问题出在哪，再给出正确的处理方式：

问题根源 #

你当前的错误在于，把整个JSON响应字符串直接转换成了字节数组，再二次转成Base64——这完全搞错了转换逻辑。API返回的JSON里应该包含的是原始imgBytes的序列化结果（通常是Base64字符串或JSON数组形式的字节），你需要先把JSON反序列化为原始字节数组，而不是把JSON本身当成图像字节来处理。

原始图像字节生成（你的这段代码是正确的） #

Stream stream = postedFile.InputStream; 
BinaryReader binaryReader = new BinaryReader(stream); 
imgBytes = binaryReader.ReadBytes((int)stream.Length);

你当前错误的取回转换代码 #

var jsonString = response.Content.ReadAsStringAsync().Result; 
byte[] mapbytes = System.Text.Encoding.UTF8.GetBytes(jsonString); 
String base64String = Convert.ToBase64String(mapbytes); 
String src = "data:image/png;base64," + base64String;

这里的核心问题是：jsonString是API返回的JSON内容（比如可能是带引号的Base64字符串"iVBORw0KGgoAAAANSUhEUgAA..."，或者字节数组的JSON形式[255,216,255,...]），你把这个字符串转成字节，相当于把字符的UTF8编码当成了图像原始字节，这必然无法生成正确的图像。

正确的处理方式 #

根据WebAPI返回的JSON格式，分两种情况处理：

情况1：API返回的是纯Base64字符串（最常见） #

如果你的WebAPI 2默认序列化字节数组，它会直接返回Base64字符串，此时只需要去掉JSON的引号，直接拼接到data URI即可：

// 推荐用await替代.Result，避免同步阻塞
var jsonString = await response.Content.ReadAsStringAsync();
// 去掉JSON字符串的首尾引号
var rawBase64 = jsonString.Trim('"');
// 直接拼接成图片源地址
String src = $"data:image/png;base64,{rawBase64}";

情况2：API返回的是JSON数组形式的字节 #

如果API返回的是类似[255,216,255,...]的字节数组JSON，需要先反序列化为字节数组，再转Base64：

using System.Text.Json;

var jsonString = await response.Content.ReadAsStringAsync();
// 反序列化为原始字节数组
byte[] mapbytes = JsonSerializer.Deserialize<byte[]>(jsonString);
// 转成Base64并拼接
String base64String = Convert.ToBase64String(mapbytes);
String src = $"data:image/png;base64,{base64String}";

额外注意事项 #

• 尽量避免用.Result同步调用异步方法，这可能导致死锁，优先使用await。
• 确认WebAPI在返回时是正确序列化imgBytes的：ASP.NET WebAPI 2默认会将byte[]序列化为Base64字符串，如果你手动修改过序列化规则，需要对应调整前端的解析逻辑。

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