Javascript 使用Web API从数据库检索图像，然后将其显示在angularJS中

这似乎是一个简单的问题，但如何使用Web API检索存储在数据库中的图像，然后使用Angular显示它呢

下面是一个示例Web API服务，它正确返回JPG文件（使用

HttpResponseMessage

）：

以及html：

 <img ng-src="{{cameraPic}}" /> </div>

---

看看您的服务器端代码，我认为您可以直接这样编写：

<img ng-src="{{serverBaseUrl}}api/incident/GetIncidentImages?IncidentIDX={{ehConstants.incidenT_IDX}}" />

只需确保用实际内容替换

ehConstants.incidenT\u IDX

。

如中所述，您还可以执行以下操作

<img ng-src="{{'data:image/png;base64,' + main.user.imageData}}">

---

我建议您首先检查您的范围数据树，看看是否放在正确的范围内显示。最好的工具是

<img ng-src="{{serverBaseUrl}}api/incident/GetIncidentImages?IncidentIDX={{ehConstants.incidenT_IDX}}" />

<img ng-src="{{'data:image/png;base64,' + main.user.imageData}}">