KAZ Image Craft

Herramienta ligera de edición de imágenes del lado del cliente. Recorta, gira y previsualiza las imágenes antes de subirlas, totalmente en JavaScript, sin dependencias.

🚀 Funcionalidades

  • 🖼️ Previsualización - Visualiza imágenes antes de subir, soporta recorte y rotación
  • ✂️ Recortar y Rotar - Recorte libre, ajuste de disco de rotación, soporta volteo
  • 🗂️ Gestión de múltiples imágenes - Gestiona varias imágenes por campo, soporta arrastrar y soltar
  • ♻️ Reiniciar - Restaurar la imagen original con un clic
  • 🚫 Detección de duplicados - Detecta automáticamente cargas duplicadas y las bloquea
  • ⚙️ Sin dependencias - JavaScript puro, sin frameworks necesarios

📝 Cómo usar

  1. 1. Incluir archivos - Añade los archivos CSS y JS (local o CDN)
  2. 2. Añadir elementos - Añade <input type="file"> en el formulario y usa data-max para limitar las subidas
  3. 3.
    Inicializar
    document.addEventListener('DOMContentLoaded', () => {
      KazImageCraft._init('kaz-file-input', 'kaz-upload-form');
    });
  4. 4.
    Enviar formulario
    KazImageCraft.injectAllFiles();
    form.submit();

🌐 Soporte multilenguaje

Proporciona múltiples archivos de idioma (por ejemplo, en-us.js, zh-cn.js), se pueden reemplazar directamente o personalizar textos de la interfaz.

💡 Escenarios de uso

Perfecto para portafolios, paneles administrativos o editores de contenido enriquecido, ofreciendo una experiencia limpia, eficiente y sin distracciones.

🔗 Enlaces

📄 Licencia

MIT License