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

mxmissile
источник
2

или в mvc2:

<img src="<%: Url.Content("~/Images2/landingMain/safety.png") %>" alt="safety" />
Фред
источник
1

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

Виджей Чаухан
источник