KAZ Image Craft
Lightweight front-end image editing tool. Crop, rotate, and preview images before upload, fully implemented in JavaScript with zero dependencies.
🚀 Features
- 🖼️ Image Preview - Preview images before upload, supports cropping and rotation
- ✂️ Crop & Rotate - Free crop, rotation dial, supports flipping
- 🗂️ Multi-Image Management - Manage multiple images per input, supports drag-and-drop sorting
- ♻️ Reset - Restore original image state with one click
- 🚫 Duplicate Detection - Automatically detect and prevent duplicate uploads
- ⚙️ Zero Dependencies - Pure JavaScript, no frameworks or libraries required
📝 Usage
- 1. Include Files - Add CSS and JS files (local or CDN)
-
2.
Add Elements - Add
<input type="file">in form, usedata-maxto limit uploads -
3.
Initialize
document.addEventListener('DOMContentLoaded', () => { KazImageCraft._init('kaz-file-input', 'kaz-upload-form'); }); -
4.
Form Submission
KazImageCraft.injectAllFiles(); form.submit();
🌐 Multilanguage Support
Provides multiple language files (e.g., en-us.js, zh-cn.js), can replace or customize UI texts.
💡 Use Cases
Perfect for portfolios, admin panels, or rich content editors, providing a clean, efficient, and distraction-free user experience.
🔗 Links
- 📦 GitHub Repository - View source code
- 🎮 Online Demo - Try now
📄 License
MIT License