Del curso: .NET 5: Blazor esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Consumir servicios backend utilizando SignalR

Consumir servicios backend utilizando SignalR - Tutorial de Blazor

Del curso: .NET 5: Blazor esencial

Consumir servicios backend utilizando SignalR

Desde la versión 5 de Blazor, podemos subir ficheros de forma nativa utilizando un componente llamado InputFile. Vamos a ver cómo funciona con un ejemplo. Estamos aquí en el proyecto StoriesLibrary y en mi componente AddOrEdit, para añadir o editar historias, he puesto un pequeño formulario con unos campos para que complete los datos de la historia y un InputFile, que en HTML se va a representar como un input de tipo file. Fíjate en este marcado. Aquí tengo un evento que se llama OnChange, que está asociada a un método llamado InputFile_Change. Cuando el usuario elija el fichero, este evento se va a lanzar y se va a ejecutar este método. ¿Qué hacemos aquí? Pues aquí tengo yo una variable privada, que se llama fileInfo, que es de este tipo, InputFileEventArgs, y este InputFileEventArgs, que es el que nos pasa el evento cuando se ejecuta, va a contener el fichero que el usuario ha elegido, que es de tipo IFileBrowser. Yo lo guardo aquí para más tarde, cuando el usuario pulse el botón…

Contenido