获取json数据和图片答案

【问题标题】：get json data and images获取json数据和图片
【发布时间】：2018-02-11 08:05:03
【问题描述】：

我有从数据库中获取汽车列表的 Web Api 控制器

[HttpGet, Route("list")]
public object List()
{
    var cars = context.Cars.ToList();        
    return Json(cars);
}

响应看起来像

[{
   "markName": "Chevrolet",
   "modelName": "Spark EV",
   "year": 2014,
   "id": 1
},
{
   "markName": "Chevrolet",
   "modelName": "Volt",
   "year": 2014,
   "id": 2
}]

我还有一个通过 id 获取图像的功能

[HttpGet, Route("{id}/photo")]
        public IActionResult GetPhoto(int id)
        {
            string path = "blalblabla"
            Byte[] b = System.IO.File.ReadAllBytes(path);         
            return File(b, "image/jpeg");
        }

如何在一个请求中获取所有数据（json 和图像）？或者我应该以其他方式做到这一点？

【问题讨论】：

两种动作方法的路线不同。您可以创建另一个函数来获取 JSON 值和图像（作为字节流）并将它们存储在单个自定义模型集合中。然后，您可以调用该函数，该函数将返回 JSON 和图像的字节流。您需要读取字节并将其转换为您的文件格式。

标签： c# json api asp.net-web-api

【解决方案1】：

您可以创建一个视图模型来封装所有需要的信息。包含获取图像的网址以及其他元数据

例如。

public class CarModel {
  public string markName { get; set; }
  public string modelName { get; set; }
  public int year { get; set; }
  public int id { get; set; }
  public string photo { get; set; }
}

然后您将包含指向照片操作的链接

[HttpGet("list")]
public IActionResult List() {

    var cars = context.Cars.AsEnumerable();
    var models = cars.Select(car => 
                            new CarModel {
                                markName = car.markName,
                                modelName = car.modelName, 
                                year = car.year,
                                id = car.id,
                                photo = Url.RouteUrl("CarPhoto", new { id = car.id })
                            }).ToList();

    return Ok(models);
}

[HttpGet("{id}/photo", Name = "CarPhoto")]
public IActionResult GetPhoto(int id) {
    string path = "blalblabla"
    Byte[] b = System.IO.File.ReadAllBytes(path);         
    return File(b, "image/jpeg");
}

示例响应可能如下所示

[{
   "markName": "Chevrolet",
   "modelName": "Spark EV",
   "year": 2014,
   "id": 1,
   "photo": "cars/1/photo"
},
{
   "markName": "Chevrolet",
   "modelName": "Volt",
   "year": 2014,
   "id": 2
   "photo": "cars/2/photo"
}]

【讨论】：