2012-08-16 12 views
7

Tengo referencias de imagen que se ven así: src="../../Images/backup5.jpg". Esto coincide con la estructura del proyecto. Aunque en la versión publicada, estos enlaces no funcionan. Si cambio la ruta a src="../Images/backup5.jpg" eliminando un "../", la imagen se mostrará correctamente. ¿Cuál es la forma correcta de referenciar estas imágenes para que funcionen tanto en la versión de desarrollo como en la publicada?¿Cuál es la forma correcta de referenciar una imagen en un proyecto asp.net mvc 4?

Seguimiento, ¿cómo debe verse esto cuando se usa en css como un atributo background:?

Respuesta

17

usted debe utilizar el ayudante Url.Content con el marcador tilda ~ (que resuelve a la raíz de la aplicación):

src="@Url.Content("~/Images/backup5.jpg")" 
+0

perfecto, esto funciona. :) –

+0

¿Cómo usar esto en el atributo de fondo en css? He intentado variaciones de esto y no puedo hacer que funcione. –

+0

@MattRockwell - Los archivos CSS son _static_ content y no son compatibles con el código del lado del servidor. El procesamiento de CSS también tiene en cuenta la ubicación del archivo y las rutas relativas, por lo que no tiene que hacer esto. Simplemente use una URL relativa a la ubicación del archivo CSS. – Oded

1

Probar src="@Url.Content("~/Images/backup5.jpg")".

1

@Url.Content("~/Images/backup5.jpg") Parece una forma decente de hacerlo.

Cuestiones relacionadas