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. Incluir archivos - Añade los archivos CSS y JS (local o CDN)
-
2.
Añadir elementos - Añade
<input type="file">en el formulario y usadata-maxpara limitar las subidas -
3.
Inicializar
document.addEventListener('DOMContentLoaded', () => { KazImageCraft._init('kaz-file-input', 'kaz-upload-form'); }); -
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
- 📦 Repositorio GitHub - Ver código fuente
- 🎮 Demo online - Pruébalo ahora
📄 Licencia
MIT License