Bạn lưu trữ hình ảnh cho các dự án mvc trong asp.net ở đâu và làm cách nào để bạn tham khảo chúng từ site.master

83

Tôi có một dự án mvc asp.net mới và tôi đang cố gắng tìm ra nơi tốt nhất để lưu trữ hình ảnh cũng như cách tôi sẽ tham khảo chúng từ site.master (trong trường hợp tôi có hình ảnh tiêu đề mà tôi muốn hiển thị trên tất cả trang).

Đề xuất hoặc phương pháp hay nhất?

asp.net-mvc image

— leora
nguồn

113

Những gì tôi thường làm là tạo một thư mục "Hình ảnh" bên trong thư mục Nội dung của tôi. Nơi bạn đặt hình ảnh thực sự tùy thuộc vào bạn, miễn là bạn nhất quán.

Tham chiếu những hình ảnh này từ Site.Master của bạn cũng giống như khi bạn tham chiếu nó từ bất kỳ chế độ xem nào:

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

văn bản thay thế

— A Salcedo
nguồn

tôi đang cố gắng đặt liên kết hình ảnh vào tệp site.master để nó hiển thị trên mọi trang.

— leora

Sau đó, tất cả những gì bạn phải làm là tạo một div và đặt hình ảnh của bạn làm nền cho div đó sẽ chỉ có trong site.master của bạn. Do đó hiển thị nó trong mọi trang. Nếu bạn không biết cách liên kết css của mình thì đó là điều bạn nên hỏi.

— A Salcedo

Bạn đang yêu cầu các phương pháp hay nhất, thực tế là tùy thuộc vào mỗi người. Nhưng tôi thấy cách khó để đặt những thứ như vậy trên chính trang đó, khi nếu tôi muốn nó được thực hiện theo cách tổng quát hơn, thì nơi tốt nhất tôi đã tìm thấy là Css.

— A Salcedo

4

Nội dung / Hình ảnh thì ổn, nhưng cách bạn tham khảo hình ảnh thì không. Nó chỉ hoạt động với máy chủ web phát triển và trên ứng dụng web gốc trong IIS. Nếu bạn chạy một ứng dụng web trong một thư mục ảo, hình ảnh sẽ không bao giờ được tìm thấy

— chris166

2

Như @ chris166 đã nói, vui lòng không sử dụng các liên kết tuyệt đối. Trong MVC 5 bạn có thể sử dụng ~tiền tố, như thế này: <img src="~/Content/Images/logo.png" />. Xem tại đây: pseale.com/blog/2013/09/26/ImageLinksInMVCAreMagicalMostly.aspx

— JYL

26

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

Sử dụng điều này trong chế độ xem Razor trên MVC 5. Hình ảnh được lưu trữ trong / Nội dung / Hình ảnh.

— zacharydl
nguồn

4

Trong MVC 5, điều này thậm chí phải như vậy <img src="~/Content/Images/logo.png" />. Xem tại đây: pseale.com/blog/2013/09/26/ImageLinksInMVCAreMagicalMostly.aspx

— JYL

Có, khi tôi sao chép và dán ví dụ ở trên vào dự án MVC của mình, IDE tự động chèn "~" bị thiếu

— B. Clay Shannon

8

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

Điều này giải quyết từ bất cứ nơi nào bạn đang ở trong hệ thống phân cấp trang web. Html.Image là một phần của tổ hợp tương lai Microsoft.Web.Mvc.

— mxmissile
nguồn

2

hoặc trong mvc2:

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

— Fred
nguồn

1

Bạn phải đặt tất cả hình ảnh của mình trong Thư mục nội dung như: - Nội dung -> Hình ảnh ->. Tệp IMG và giống như tệp tờ định kiểu Nội dung Thư mục như Nội dung ->. Css do đó nó dễ dàng tải hình ảnh và css nếu không thì không thực hiện một cách thích hợp.

— vijay chauhan
nguồn