Cargar archivo en la aplicación web ASP.NET

Guión

Este artículo le proporciona un ejemplo de cómo utilizar las bibliotecas Aspose para la descompresión de archivos y el procesamiento de imágenes para aplicaciones web ASP.NET. El caso del usuario: el visitante del sitio carga un archivo zip con imágenes en la aplicación web para rotarlos todos en un ángulo específico. Las imágenes rotadas se mostrarán en la misma página web como respuesta.

Preparar la aplicación web ASP.NET

Usando Visual Studio, cree una aplicación web ASP.NET Core simple con Razor Pages. Para utilizar el Administrador de paquetes NuGet, consulte dos paquetes para su proyecto: Aspose.Zip para descompresión y Aspose.Imaging para procesamiento de imágenes.
Busque la página Index.cshtml dentro de su Explorador de soluciones. Ahora, agregue un formulario a esa página con el atributo enctype="multipart/form-data" dentro de la etiqueta <form>. Necesitaba transferir el archivo al servidor web. Luego, agregue dos campos de entrada: uno de tipo “archivo” para el archivo cargado y otro de tipo “número” para especificar el ángulo de rotación. Aquí está el marcado HTML completo para el formulario:

<form method="post" enctype="multipart/form-data">
    <span>Images archive: </span><input type="file" name="uploadedFile" required="required" />
    <br />
    <span>Rotation angle: </span><input type="number" value="30" min="0" max="360" name="rotateDegree" required="required" />
    <br />
    <input type="submit" value="Upload" />
</form>

También se han agregado algunos atributos de validación.

Manejando la solicitud del usuario

Entonces, el usuario proporciona imágenes al archivo zip y envía el formulario. ¿Cómo manejar su solicitud en el lado del servidor? Usando el enfoque ASP.NET necesitamos componer un método OnPost apropiado para la fuente Index.cshtml.cs. Dentro de este método extraemos archivo zip usando el constructor apropiado, luego rotamos cada imagen. Aquí está el borrador del método:

public void OnPost (IFormFile uploadedFile, int rotarDegree) {
    usando (Archivo archivo = nuevo Archivo (uploadedFile.OpenReadStream())) {
        foreach (entrada ArchiveEntry en archive.Entries) {
		   // Extrae la imagen y gírala.
		}
    }
}

Rotar imágenes

Usamos la biblioteca Aspose.Imaging para rotar una imagen en un ángulo particular en el ángulo de vuelo siguiendo esta instrucción. El fragmento de código de rotación:

    using (MemoryStream rotated = new MemoryStream())
    {
        using (RasterImage image = (RasterImage)Image.Load(extracted))
        {
            // Before rotation, the image should be cached for better performance
            if (!image.IsCached)
                image.CacheData();
                    
            image.Rotate(rotateDegree, true, Color.CornflowerBlue);
            image.Save(rotated);
        }                          
    }

Modelo de página y representación de imágenes

Necesitamos almacenar bytes de imágenes procesadas dentro del modelo de página para representar esas imágenes. Agregue la propiedad Lista pública<byte[]> ImageBytes { get; conjunto privado; } a Modelo de índice. Llenamos esta lista con bytes de imagen procedidos. Para mostrarlos en la página web usamos URI de datos Necesitamos convertir bytes de imagen a una cadena base64. Aquí hay una representación del código Razor en Index.cshtml

@{
si (Model.ImageBytes! = nulo && Model.ImageBytes.Count > 0) {
        <h4>Imágenes rotadas:</h4>
        foreach (byte[] imagen en Model.ImageBytes) {
            <img src="data:image;base64,@Convert.ToBase64String(imagen)" width="150"/>
        }
    }
}

Respuesta final

Así que ponlo todo junto. Cada entrada del archivo ha sido descomprimida, luego una imagen compuesta a partir de estos bytes y finalmente rotada.
No validamos el archivo de usuario en esta muestra. En aplicaciones del mundo real, debes verificar un archivo cargado y su contenido.
A continuación se muestra el método OnPost final.

    public void OnPost(IFormFile uploadedFile, int rotateDegree)
    {
        ImageBytes = new List<byte[]>();

        using (Archive archive = new Archive(uploadedFile.OpenReadStream()))
        {
            foreach (ArchiveEntry entry in archive.Entries)
            {
                if (entry.IsDirectory)
                    continue;

                using (MemoryStream extracted = new MemoryStream())
                {
                    entry.Open().CopyTo(extracted);
                    extracted.Seek(0, SeekOrigin.Begin);
                    using (MemoryStream rotated = new MemoryStream())
                    {
                        using (RasterImage image = (RasterImage)Image.Load(extracted))
                        {
                            if (!image.IsCached)  // Before rotation, the image should be cached for better performance
                                image.CacheData();

                            image.Rotate(rotateDegree, true, Color.CornflowerBlue);
                            image.Save(rotated);
                        }
                        
                        this.ImageBytes.Add(rotated.ToArray());
                    }
                }
            }
        }
    }