KAZCMS Logo

KAZCMS

KAZ Image Craft

Лёгкий инструмент редактирования изображений на стороне клиента. Обрезка, вращение и предварительный просмотр перед загрузкой, полностью на JavaScript, без зависимостей.

🚀 Возможности

  • 🖼️ Предварительный просмотр - Просмотр изображений перед загрузкой, поддержка обрезки и вращения
  • ✂️ Обрезка и вращение - Свободная обрезка, настройка диска вращения, поддержка зеркалирования
  • 🗂️ Управление несколькими изображениями - Управление несколькими изображениями в каждом поле, поддержка перетаскивания
  • ♻️ Сброс - Восстановление исходного изображения одним кликом
  • 🚫 Обнаружение дубликатов - Автоматическое определение и предотвращение повторной загрузки
  • ⚙️ Без зависимостей - Чистый JavaScript, без фреймворков

📝 Использование

  1. 1. Подключение файлов - Добавьте CSS и JS файлы (локально или через CDN)
  2. 2. Добавление элементов - Добавьте <input type="file"> в форму и используйте data-max для ограничения загрузки
  3. 3.
    Инициализация
    document.addEventListener('DOMContentLoaded', () => {
      KazImageCraft._init('kaz-file-input', 'kaz-upload-form');
    });
  4. 4.
    Отправка формы
    KazImageCraft.injectAllFiles();
    form.submit();

🌐 Поддержка нескольких языков

Предоставляются несколько языковых файлов (например, en-us.js, zh-cn.js), можно заменить или настроить тексты интерфейса.

💡 Сценарии использования

Идеально подходит для портфолио, админ-панелей или редакторов контента, обеспечивает чистый, эффективный и незагроможденный пользовательский опыт.

🔗 Ссылки

📄 Лицензия

MIT License