KAZCMS Logo

KAZCMS

KAZ Image Craft

Outil léger d'édition d'images côté client. Recadrez, faites pivoter et prévisualisez les images avant téléchargement, entièrement en JavaScript, sans dépendances.

🚀 Fonctionnalités

  • 🖼️ Prévisualisation - Prévisualisez les images avant téléchargement, prend en charge le recadrage et la rotation
  • ✂️ Recadrer & Pivoter - Recadrage libre, réglage de la rotation, supporte le retournement
  • 🗂️ Gestion multi-images - Gérez plusieurs images par champ d'entrée, supporte le glisser-déposer
  • ♻️ Réinitialiser - Restaurer l'état original de l'image en un clic
  • 🚫 Détection des doublons - Détecte automatiquement et empêche les téléchargements en double
  • ⚙️ Sans dépendances - JavaScript pur, aucun framework requis

📝 Utilisation

  1. 1. Inclure les fichiers - Ajoutez les fichiers CSS et JS (local ou CDN)
  2. 2. Ajouter des éléments - Ajoutez <input type="file"> dans le formulaire et utilisez data-max pour limiter les uploads
  3. 3.
    Initialiser
    document.addEventListener('DOMContentLoaded', () => {
      KazImageCraft._init('kaz-file-input', 'kaz-upload-form');
    });
  4. 4.
    Soumission du formulaire
    KazImageCraft.injectAllFiles();
    form.submit();

🌐 Support Multilingue

Fournit plusieurs fichiers de langue (par exemple en-us.js, zh-cn.js), peuvent être remplacés ou personnalisés pour les textes de l'interface.

💡 Cas d'utilisation

Parfait pour les portfolios, les panneaux d'administration ou les éditeurs de contenu riche, offrant une expérience utilisateur propre, efficace et sans distraction.

🔗 Liens

📄 Licence

MIT License