通過 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 。