Доступ к изображению на сервере IIS с клиента через URL-адрес |ASP .Net

Question

Мое приложение представляет собой Api ASP.Net, и я сохраняю изображения в папке "wwwroot"

Содержимое

Когда я публикую свое приложение, эта структура также создается, и я хочу получить доступ к изображениям через URL

От клиента Angular 2

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

Я должен отметить, что мое приложение публикуется локально, и пользователи, подключенные к сети, должны получить доступ к изображениям

Вопрос

Какполучить доступ к изображению, найденному на сервере IIS с помощью URL-адреса? Я не ошибаюсь? Поправь меня, если я не прав Спасибо всем

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="{{ }}">.

Если вы хотите указать полный URL-адрес в атрибуте Src, вам не нужен угловой. Вам нужно просто удалить {{''}} и изменить URL-адрес на

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

Если вы хотите использовать angular2 в этом случае, вам просто нужно изменить URL-адрес, например

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

Затем объявитепеременная imageUrl в компоненте.

Answer 3

Используйте тильду ~ для относительного URL в путях :

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