asp.net mvc 프로젝트의 이미지를 어디에 저장하고 site.master에서 어떻게 참조합니까?

83

나는 새로운 asp.net mvc 프로젝트를 가지고 있으며 이미지를 저장하기에 가장 좋은 장소를 찾고 site.master에서 그들을 참조하는 방법을 찾으려고 노력하고 있습니다 (내가 모두에 표시하고 싶은 헤더 이미지가있는 경우) 페이지).

제안 또는 모범 사례?

asp.net-mvc image

— 레오 라
소스

113

내가 일반적으로하는 일은 내 Content 폴더 안에 "Images"폴더를 만드는 것입니다. 일관성을 유지하는 한 이미지를 배치하는 위치는 실제로 귀하에게 달려 있습니다.

Site.Master에서 이러한 이미지를 참조하는 것은 모든보기에서 참조한 것과 동일합니다.

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

대체 텍스트

— 살 세도
소스

모든 페이지에 표시되도록 site.master 파일에 이미지 링크를 넣으려고합니다.

— leora

그런 다음해야 할 일은 div를 만들고 site.master에만있는 해당 div의 배경으로 이미지를 배치하는 것입니다. 따라서 모든 페이지에 표시합니다. 당신이 당신의 CSS를 연결하는 방법을 모른다면 그것은 당신이 물어야 할 것입니다.

— A Salcedo

당신은 모범 사례를 요구하고 있습니다. 실제로 그것은 그 사람에게 달려 있습니다. 그러나 나는 페이지 자체에 그런 것을 배치하는 어려운 방법을 찾았습니다. 더 일반적인 방법으로 수행하고 싶다면 내가 찾은 최고의 장소는 Css입니다.

— A Salcedo

4

내용 / 이미지는 괜찮지 만 이미지를 참조하는 방식은 그렇지 않습니다. 개발 웹 서버 및 IIS의 루트 웹 응용 프로그램에서만 작동합니다. 가상 디렉터리에서 웹 응용 프로그램을 실행하면 이미지를 찾을 수 없습니다

— chris166

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")" />

MVC 5의 Razor보기에서 이것을 사용합니다. 이미지는 / Content / Images에 저장됩니다.

— Zacharydl
소스

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는 Microsoft.Web.Mvc futures 어셈블리의 일부입니다.

— mx 미사일
소스

2

또는 mvc2에서 :

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

— 프레드
소스

1

U는 다음과 같은 콘텐츠 폴더에 모든 이미지를 넣어야합니다 .- Content-> Images->. IMG 파일과 스타일 시트 파일 Content Folder like Content->. css와 동일하므로 이미지와 CSS를 쉽게로드 할 수 있습니다. 적절한 방식으로 실행됩니다.

— 비제이 차우 한
소스