Mostrar imagen en control Image en ASP.Net C#

Las imágenes son parte importante de la web, veamos como mostrar imagen en control Image en ASP.Net desde el servidor o directamente.

El control Image de ASP nos permite visualizar imágenes y la posibilidad de comunicarse con el servidor para su administración.

La manera más sencilla de mostrar una imagen es agregando directamente a la página aspx un control Image y especificar la dirección de la imagen.

<asp: Image ID="imgImagen" runat="server" ImageUrl="~/Img/KYOcode.png" AlternateText="kyocode" />

ID y runat son propiedades que permitirán el acceso al control desde el servidor.
ImageUrl establece la dirección de la imagen.
AlternateText permite agregar un texto alternativo (visible cuando la imagen no se cargue).

Ejecutemos la aplicación, visualizaremos la imagen:

En casos de que el control no se administre desde el servidor podemos omitir las propiedades de ID y runat.

Es posible definir las propiedades al control Image desde el servidor mediante código C#.

Podemos utilizar el control agregado anteriormente o crear uno nuevo con dos propiedades únicamente.

<asp: Image ID="imgImagen" runat="server"/>

Desde el código C# agreguemos la url de la imagen al control.

imgImagen.ImageUrl = "../Img/KYOcode.png";

Hacemos un llamado al ID de la imagen y utilizamos la propiedad ImageUrl, entre comillas especificamos la ruta de la imagen.

Así también, definiremos el texto alternativo.

imgImagen.AlternateText = "Kyocode";

Con la propiedad AlternativeText agregamos el texto, el resultado es el mismo que utilizar la primera opción:

Pueden notar que utilizamos las mismas propiedades disponibles desde la página aspx, entonces ¿porque hacer uso del servidor?

Una de las ventajas de hacer uso del servidor para cargar las imágenes es la posibilidad de estar cambiando en tiempo de ejecución.

Si lo establecemos desde el aspx no lo podemos hacer, aunque es posible utilizando javascript, lo veremos en otra ocasión.