从 ASP.NET WEB API 2 发送图像 url答案

【问题标题】：Send image url from ASP.NET WEB API 2从 ASP.NET WEB API 2 发送图像 url
【发布时间】：2020-01-01 18:56:49
【问题描述】：

我将图像放入项目中的图像文件夹中，并将图像名称保存到我的数据库中。我可以像这样在我的剃刀视图中检索我的图像。其中 FoodImage 是图像的名称，我已经硬编码了路径（~/~/Images/FoodImage/{来自数据库的图像名称}）。代码：-

<img src="~/Images/FoodImage/@Model.FoodImage" id="foodImage_upload_preview" alt="upload" width="250" height="150" />

现在我需要从我的服务器通过 API 发送这个图像 URL。但我不知道该怎么做。

我的顶点：http://localhost:50833/api/getProducts 和回应：

[
{
    "id": 16,
    "title": "Product Rafi+++",
    "description": "sdfsf",
    "sku": "sdfsdf",
    "cardImage": "01_01_2020_12_14_09jukka.jpg",
    "foodImage": "01_01_2020_12_14_09jukka.jpg",
    "price": 52
},
{
    "id": 17,
    "title": "rAFI",
    "description": "SDFSD",
    "sku": "fdf",
    "cardImage": "01_01_2020_12_35_41jukka.jpg",
    "foodImage": "01_01_2020_12_35_41jukka.jpg",
    "price": 52
}
]

那么如何从我的服务器发送图像 URL？

【问题讨论】：

API是否返回图片文件名？如果是，则从您的控制器调用 API 并存储在您的视图模型中，然后遍历结果。

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

【解决方案1】：

您不需要硬编码到数据库中。上传文件时，只需存储图片的路径即可。

因此，调用getProducts() 端点时，您无需担心图像路径。

例子：

var imagePath= Path.Combine(Directory.GetCurrentDirectory(), "Images", fileName);
//Upload the file
//Other logic
var product=new Product
{
foodImage=imagePath;
};

【讨论】：