Где вы храните изображения для проектов 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.