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


83

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

Пропозиції чи найкращі практики?

Відповіді:


113

Зазвичай я створюю папку "Зображення" всередині папки "Вміст". Де ви розміщуєте свої фотографії, насправді залежить від вас, якщо ви постійні.

Посилання на ці зображення із вашого сайту.

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

текст заміщення


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

Тоді все, що вам потрібно зробити, це створити div і розмістити своє зображення як тло для цього div, який буде лише на вашому site.master. Отже, відображаючи його на кожній сторінці. Якщо ви не знаєте, як зв’язати ваш css, то саме про це вам слід було б запитати.
Сальседо

Ви запитуєте найкращі практики, а насправді це залежить від людини. Але я знайшов складний спосіб розмістити подібні речі на самій сторінці, коли, якщо я хочу, щоб це було зроблено більш загальним чином, найкращим місцем, яке я знайшов, є Css.
Сальседо

4
Вміст / зображення - це нормально, але спосіб посилання на зображення - ні. Він працює лише з веб-сервером розробки та з кореневою веб-програмою в IIS. Якщо ви запускаєте веб-додаток у віртуальному каталозі, зображення так і не знайдено
chris166

2
Як сказав @ chris166, будь ласка, не використовуйте абсолютні посилання. У MVC 5 ви можете використовувати ~префікс, наприклад: <img src="~/Content/Images/logo.png" />. Дивіться тут: pseale.com/blog/2013/09/26/ImageLinksInMVCAreMagicMostly.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/ImageLinksInMVCAreMagicMostly.aspx
JYL

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

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

Це вирішується звідусіль, де ви знаходитесь в ієрархії сайту. Html.Image є частиною збірки ф'ючерсів Microsoft.Web.Mvc.


2

або у mvc2:

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

1

Ви повинні помістити всі свої зображення в папку вмісту, наприклад: - Вміст -> Зображення ->. Файли IMG і те саме, що файли таблиць стилів Папка вмісту, як Вміст ->. Css, отже, він легко завантажує зображення та css, інакше це не так виконані належним чином.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.