Загрузка изображений на сервер для проекта Razor Pages.
Без сторонних javascript библиотек - просто загрузка на сервер с выполнением первичных проверок на клиенте.
Для загрузки javascript библиотек в Visual Studio 2019 лучше использовать LibMan: Использование LibMan с ASP.NET Core в Visual Studio - позволяет обойтись без Node.js и пути к библиотекам очевидны.
Позволяет обрезать картинку на клиенте, перед отправкий её на сервер. Без применения Ajax, полученную картинку можно сохранить в Базе данных или любом другом хранилище. Поддерживает: сенсорный (мобильный) ввод, масштабирование, вращение, кроссбраузерная поддержка, круглая рамка. Есть CDN.
Плагины позволяют редактировать ранее загруженное на сервер изображение. Конечно, хочется немного отредактировать изображение перед загрузкой, чтобы не тащить огромные файлы, и обрезать лишнее.
- Лучшие плагины Javascript и jQuery для обрезки изображений
- Бесплатные плагины для обрезки изображений jQuery
- Лучшие плагины и руководства jQuery Image Crop с демонстрацией
- 8 бесплатных скриптов и плагинов для обрезки изображений на Javascript
Обрезка изображений перед загрузкой:
- Обрезка изображений перед загрузкой - jQuery FineCrop
- Simple jQuery Client Side Image Cropping Plugin - Awesome Cropper
- picEdit : jQuery front-end Image editor Plugin
- Загрузка и обрезка изображений с помощью jQuery, JCrop и ASP.NET
- Crop and Upload Image with Thumbnail using jQuery and HTML5 in ASP.Net
Варианты применения:
- Upload ,Crop and save.
- croppie: How to crop image using croppie js and upload in asp.net mvc
- croppie: Codeigniter Обрезать изображение перед загрузкой Пример
- croppie: PHP jQuery crop and resize image before upload using croppie plugin
- croppie: Обрезка и загрузка изображений с помощью JQuery и PHP Ajax
- cropper: PHP Crop Image Before Upload using Cropper JS
- jcrop: How To Crop Image And Save Image In ASP.NET Using jQuery
- jcrop: Upload and Crop Images with jQuery, JCrop and ASP.NET
- jcrop: How to Crop and Upload image using JQuery
Теория:
Посетите нашу Веб студию CREATIVcode в Сочи, Адлер, свяжитесь с нами.