通过 Url 从客户端访问 IIS 服务器上的图像 | ASP.NET

Question

我的应用程序是 Api ASP.Net，我将图像保存在"wwwroot"文件夹中

内容

当我发布我的应用程序时，该结构也被创建并且我想通过 URL 访问图像

来自客户端 Angular 2

<img  src="{{ 'http://192.168.1.20/Api/api/uploads/Koala.jpg'}} " > 
(Not Found)

必须提一下，我的应用是在本地发布的，连接到网络的用户必须访问图像

问题

如何使用 Url 访问 IIS 服务器上的图像？ 我是对的？ 如果我错了请纠正我谢谢大家

Answer 1

首先尝试在浏览器上访问图像 url 即，

http://localhost/Api/api/uploads/Koala.jpg

如果它显示图像，那么您的 IIS 托管没有问题。

现在从网络中的不同机器尝试相同的 url，即，

http://192.168.1.20/Api/api/uploads/Koala.jpg （来自不同的机器）

如果它不起作用，请确保您的机器接受 http 通过网络的入站流量。

Answer 2

使用波浪号~表示路径中的相对 URL ：

<img  src="{{ '~/uploads/Koala.jpg'}} " > 

Answer 3

也许<img id="Image" runat="server" src="~/Images/img.jpg" />

Answer 4

根据我的理解，您不应该在<img src="{{ }}">.

如果要在 Src 属性中指定完整的 URL，则不需要 angular。 您应该只删除{{''}}并将 URL 修改为

<img  src="http://192.168.1.20/Api/api/uploads/Koala.jpg" > 

如果你想在这种情况下使用 angular2，你应该修改 URL 像

 <img src="{{imageUrl}}">

然后在 Component.xml 中声明变量imageUrl 。