Laden Sie das Archiv in die ASP.NET-Webanwendung hoch

Szenario

In diesem Artikel finden Sie ein Beispiel für die Verwendung von Aspose-Bibliotheken zur Archivdekomprimierung und Bildverarbeitung für ASP.NET-Webanwendungen. Der Anwendungsfall: Website-Besucher lädt ZIP-Archiv mit Bildern in eine Webanwendung hoch, um sie alle um einen bestimmten Winkel zu drehen. Als Reaktion darauf werden gedrehte Bilder auf derselben Webseite angezeigt.

ASP.NET-Webanwendung vorbereiten

Erstellen Sie mit Visual Studio eine einfache ASP.NET Core-Webanwendung mit Razor Pages. Mit dem NuGet-Paketmanager verweisen Sie auf zwei Pakete für Ihr Projekt: Aspose.Zip für die Dekomprimierung und Aspose.Imaging für die Bildverarbeitung.
Suchen Sie in Ihrem Projektmappen-Explorer nach der Seite „Index.cshtml“. Fügen Sie dieser Seite nun ein Formular mit dem Attribut „enctype=“multipart/form-data”“ innerhalb des Tags „

“ hinzu. Es musste eine Datei auf den Webserver übertragen werden. Fügen Sie dann zwei Eingabefelder hinzu – eines vom Typ „Datei“ für das hochgeladene Archiv, ein weiteres vom Typ „Nummer“ zur Angabe des Drehwinkels. Hier ist das vollständige HTML-Markup für das Formular:

<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>

Einige Validierungsattribute wurden ebenfalls hinzugefügt.

Bearbeitung von Benutzeranfragen

Der Benutzer stellt also das Zip-Archiv mit Bildern bereit und sendet das Formular ab. Wie gehe ich mit seiner Anfrage auf der Serverseite um? Mithilfe des ASP.NET-Ansatzes müssen wir eine geeignete „OnPost“-Methode für die Quelle „Index.cshtml.cs“ erstellen. Bei dieser Methode extrahieren wir zip-Archiv mit dem entsprechenden Konstruktor und drehen dann jedes Bild. Hier ist der Entwurf der Methode:

public void OnPost(IFormFile uploadedFile, int rotateDegree) {
    using (Archive archive = new Archive(uploadedFile.OpenReadStream())) {
        foreach (ArchiveEntry-Eintrag in archive.Entries) {
		   // Bild extrahieren und drehen.
		}
    }
}

Bilder drehen

Wir verwenden die Aspose.Imaging-Bibliothek, um ein Bild um einen bestimmten Winkel im Flugwinkel zu drehen, indem wir dieser Anweisung folgen. Der Ausschnitt aus dem Rotationscode:

    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);
        }                          
    }

Seitenmodell und Bildwiedergabe

Wir müssen Bytes der verarbeiteten Bilder im Seitenmodell speichern, um diese Bilder zu rendern. Fügen Sie die Eigenschaft „public List<byte[]> ImageBytes { get;“ hinzu. privates Set; }zuIndexModel`. Wir füllen diese Liste mit verarbeiteten Bildbytes. Um sie auf der Webseite anzuzeigen, verwenden wir Daten-URI. Wir müssen Bildbytes in Base64-Strings konvertieren. Hier ist ein Rendering-Razor-Code unter „Index.cshtml“.

@{
if (Model.ImageBytes != null && Model.ImageBytes.Count > 0) {
        <h4>Gedrehte Bilder:</h4>
        foreach (byte[] Bild in Model.ImageBytes) {
            <img src="data:image;base64,@Convert.ToBase64String(image)" width="150"/>
        }
    }
}

Abschließende Antwort

Also, fügen Sie alles zusammen. Jeder Eintrag des Archivs wurde dekomprimiert, dann wurde aus diesen Bytes ein Bild zusammengestellt und schließlich gedreht.
Wir validieren die Benutzerdatei in diesem Beispiel nicht. In realen Anwendungen sollten Sie ein hochgeladenes Archiv und seinen Inhalt überprüfen.
Unten finden Sie die endgültige „OnPost“-Methode.

    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());
                    }
                }
            }
        }
    }

Verwendung für ASP.NET-Webanwendungen Laden Sie das Archiv von der ASP.NET-Webanwendung herunter