KAZ Image Craft
轻量级前端图片编辑工具。上传前进行裁剪、旋转、预览,完全基于 JavaScript 实现,零依赖。
🚀 功能特点
- 🖼️ 图片预览 - 上传前查看效果,支持裁剪和旋转
- ✂️ 裁剪和旋转 - 自由裁剪、旋转盘调整、支持翻转
- 🗂️ 多图管理 - 每个输入框管理多张图片,支持拖拽排序
- ♻️ 重置功能 - 一键恢复原始图片状态
- 🚫 重复检测 - 自动识别并拒绝重复上传
- ⚙️ 零依赖 - 纯 JavaScript,无需任何框架或库
📝 使用方法
- 1. 引入文件 - 引入 CSS 和 JS 文件(本地或 CDN)
-
2.
添加元素 - 在表单中添加
<input type="file">,通过data-max设置上传限制 -
3.
初始化
document.addEventListener('DOMContentLoaded', () => { KazImageCraft._init('kaz-file-input', 'kaz-upload-form'); }); -
4.
表单提交
KazImageCraft.injectAllFiles(); form.submit();
🌐 多语言支持
提供多种语言文件(如 en-us.js、zh-cn.js 等),可直接替换或自定义 UI 文本。
💡 适用场景
完美适配作品集展示、后台管理系统或富内容编辑器,提供简洁、高效、无干扰的用户体验。
🔗 相关链接
- 📦 GitHub 仓库 - 查看源代码
- 🎮 在线 Demo - 立即体验
📄 许可证
MIT License