Завантажте архів у веб-додаток ASP.NET

Сценарій

У цій статті наведено приклад використання бібліотек Aspose для декомпресії архіву та обробки зображень для веб-програми ASP.NET. Випадок користувача: відвідувач сайту завантажує zip-архів із зображеннями у веб-додаток, щоб повернути їх усі на певний кут. Повернуті зображення відображатимуться на тій же веб-сторінці у відповідь.

Підготуйте веб-додаток ASP.NET

Використовуючи Visual Studio, створіть просту веб-програму ASP.NET Core зі сторінками Razor. Використовуючи диспетчер пакетів NuGet, використовуйте два пакети для свого проекту: Aspose.Zip для декомпресії та Aspose.Imaging для обробки зображень.
Знайдіть сторінку Index.cshtml у своєму Solution Explorer. Тепер додайте форму до цієї сторінки з атрибутом enctype="multipart/form-data" в тегу <form>. Потрібно було передати файл на веб-сервер. Потім додайте два поля введення - одне типу file для завантаженого архіву, інше типу number для вказівки кута повороту. Ось повна розмітка HTML для форми:

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

Також додано деякі атрибути перевірки.

Обробка запиту користувача

Отже, користувач надає zip-архів із зображеннями та надсилає форму. Як обробити його запит на стороні сервера? Використовуючи підхід ASP.NET, нам потрібно створити відповідний метод OnPost для джерела Index.cshtml.cs. У рамках цього методу ми розпаковуємо zip-архів за допомогою відповідного конструктора, а потім обертаємо кожне зображення. Ось чернетка методу:

public void OnPost(IFormFile uploadedFile, int rotateDegree) {
    використовуючи (архівний архів = новий архів(uploadedFile.OpenReadStream())) {
        foreach (запис ArchiveEntry в archive.Entries) {
		   // Витягніть зображення та поверніть його.
		}
    }
}

Обертати зображення

Ми використовуємо бібліотеку Aspose.Imaging, щоб обертати зображення під певним кутом під кутом польоту, дотримуючись цієї інструкції. Фрагмент коду ротації:

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

Модель сторінки та рендеринг зображення

Нам потрібно зберігати байти продовжених зображень у моделі сторінки, щоб відтворити ці зображення. Додайте властивість public List<byte[]> ImageBytes { get; приватний набір; } до IndexModel. Ми заповнюємо цей список продовженими байтами зображень. Щоб показати їх на веб-сторінці, ми використовуємо data URI. Нам потрібно перетворити байти зображення на рядок base64. Ось код візуалізації Razor на Index.cshtml

@{
if (Model.ImageBytes != null && Model.ImageBytes.Count > 0) {
        <h4>Повернуті зображення:</h4>
        foreach (байт[] зображення в Model.ImageBytes) {
            <img src="data:image;base64,@Convert.ToBase64String(image)" width="150"/>
        }
    }
}

Завершення відповіді

Отже, з’єднайте все разом. Кожен запис архіву було розпаковано, потім із цих байтів було складено зображення та, нарешті, повернуто.
Ми не перевіряємо файл користувача в цьому зразку. У реальних програмах вам слід перевірити завантажений архів і його вміст.
Нижче наведено останній метод OnPost.

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