KAZ Image Craft
Лёгкий инструмент редактирования изображений на стороне клиента. Обрезка, вращение и предварительный просмотр перед загрузкой, полностью на JavaScript, без зависимостей.
🚀 Возможности
- 🖼️ Предварительный просмотр - Просмотр изображений перед загрузкой, поддержка обрезки и вращения
- ✂️ Обрезка и вращение - Свободная обрезка, настройка диска вращения, поддержка зеркалирования
- 🗂️ Управление несколькими изображениями - Управление несколькими изображениями в каждом поле, поддержка перетаскивания
- ♻️ Сброс - Восстановление исходного изображения одним кликом
- 🚫 Обнаружение дубликатов - Автоматическое определение и предотвращение повторной загрузки
- ⚙️ Без зависимостей - Чистый JavaScript, без фреймворков
📝 Использование
- 1. Подключение файлов - Добавьте CSS и JS файлы (локально или через CDN)
-
2.
Добавление элементов - Добавьте
<input type="file">
в форму и используйтеdata-max
для ограничения загрузки -
3.
Инициализация
document.addEventListener('DOMContentLoaded', () => { KazImageCraft._init('kaz-file-input', 'kaz-upload-form'); });
-
4.
Отправка формы
KazImageCraft.injectAllFiles(); form.submit();
🌐 Поддержка нескольких языков
Предоставляются несколько языковых файлов (например, en-us.js
, zh-cn.js
), можно заменить или настроить тексты интерфейса.
💡 Сценарии использования
Идеально подходит для портфолио, админ-панелей или редакторов контента, обеспечивает чистый, эффективный и незагроможденный пользовательский опыт.
🔗 Ссылки
- 📦 Репозиторий GitHub - Просмотр исходного кода
- 🎮 Онлайн демо - Попробуйте прямо сейчас
📄 Лицензия
MIT License