Где вы храните изображения для проектов asp.net mvc и как ссылаться на них с site.master


84

У меня есть новый проект asp.net mvc, и я пытаюсь определить лучшее место для хранения изображений, а также то, как я буду ссылаться на них с site.master (в тех случаях, когда у меня есть изображения заголовка, которые я хочу отображать на всех страниц).

Предложения или лучшие практики?

Ответы:


113

Обычно я создаю папку «Изображения» в папке «Содержимое». Где вы разместите свои изображения, действительно зависит от вас, если вы последовательны.

Ссылка на эти изображения с вашего Site.Master такая же, как если бы вы ссылались на него из любого вида:

<img src="/Content/Images/mylogo.png" />

альтернативный текст


Я пытаюсь поместить ссылку на изображение в файл site.master, чтобы она отображалась на каждой странице.
leora

Затем все, что вам нужно сделать, это создать div и поместить свое изображение в качестве фона для этого div, который будет только в вашем site.master. Следовательно, отображение его на каждой странице. Если вы не знаете, как связать свой css, тогда вам следовало спросить об этом.
Сальседо,

Вы просите лучших практик, но на самом деле это зависит от человека. Но я нашел трудный способ разместить подобные вещи на самой странице, когда, если я хочу, чтобы это было сделано в более общем виде, лучшее место, которое я нашел, - это Css.
Сальседо,

4
Content / Images в порядке, но способ ссылки на изображения - нет. Он работает только с веб-сервером разработки и с корневым веб-приложением в IIS. Если вы запустите веб-приложение в виртуальном каталоге, изображения никогда не будут найдены
chris166 01

2
Как сказал @ chris166, пожалуйста, не используйте абсолютные ссылки. В MVC 5 вы можете использовать ~префикс, например: <img src="~/Content/Images/logo.png" />. См. Здесь: pseale.com/blog/2013/09/26/ImageLinksInMVCAreMagicalMostly.aspx
JYL

26
<img src="@Url.Content("~/Content/Images/logo.png")" />

Используя это в представлении Razor в MVC 5. Изображения хранятся в / Content / Images.


4
В MVC 5 это даже должно быть <img src="~/Content/Images/logo.png" />. См. Здесь: pseale.com/blog/2013/09/26/ImageLinksInMVCAreMagicalMostly.aspx
JYL

Да, когда я скопировал и вставил приведенный выше пример в свой проект MVC, среда IDE автоматически вставила отсутствующий символ "~"
Б. Клей Шеннон

8
<%=Html.Image("~/Content/Images/xxx.png")%>

Это разрешается из любого места в иерархии сайта. Html.Image является частью сборки Futures Microsoft.Web.Mvc.


2

или в mvc2:

<img src="<%: Url.Content("~/Images2/landingMain/safety.png") %>" alt="safety" />

1

U должен поместить все ваши изображения в папку содержимого, например: - Content -> Images ->. IMG файлы и такие же, как файлы таблиц стилей. Папка содержимого, например Content ->. Css, поэтому он легко загружает изображения и css, иначе это не так. выполнен надлежащим образом.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.