将图像从 ASP.NET Web API 发送到 Angular 客户端
Send image from ASP.NET Web API to Angular client
我刚刚完成了照片上传功能。
上传后我将图像存储在文件夹中，并且我将它们的路径存储在我的数据库中。
我想在我的 Angular 客户端中显示这些照片，但我不知道该怎么做。我不能只发送图像路径，因为我想在不同的组件中显示这些照片。有什么解决方案可以让我 将图像从 .NET 后端发送到 Angular 客户端 ，以及如何 显示 此图像我的网站？
如果您有图像的路径，您只需从数据库中获取此路径并将图像编码为 Base64，如下所示：
byte[] bytes = File.ReadAllBytes(dbObject.Path);
string image = Convert.ToBase64String(bytes);
并将此字符串发送给您的 Angular 客户端。
如果您已经在您的客户端中得到响应，您可以简单地显示来自 Base64 的图像，如下所示：
<img [src]="'data:image/png;base64,'+response.image">
我刚刚完成了照片上传功能。 上传后我将图像存储在文件夹中，并且我将它们的路径存储在我的数据库中。
我想在我的 Angular 客户端中显示这些照片，但我不知道该怎么做。我不能只发送图像路径，因为我想在不同的组件中显示这些照片。有什么解决方案可以让我 将图像从 .NET 后端发送到 Angular 客户端 ，以及如何 显示 此图像我的网站？
如果您有图像的路径，您只需从数据库中获取此路径并将图像编码为 Base64，如下所示：
byte[] bytes = File.ReadAllBytes(dbObject.Path);
string image = Convert.ToBase64String(bytes);
并将此字符串发送给您的 Angular 客户端。
如果您已经在您的客户端中得到响应，您可以简单地显示来自 Base64 的图像，如下所示：
<img [src]="'data:image/png;base64,'+response.image">