KAZ Image Craft

轻量级前端图片编辑工具。上传前进行裁剪、旋转、预览,完全基于 JavaScript 实现,零依赖。

🚀 功能特点

  • 🖼️ 图片预览 - 上传前查看效果,支持裁剪和旋转
  • ✂️ 裁剪和旋转 - 自由裁剪、旋转盘调整、支持翻转
  • 🗂️ 多图管理 - 每个输入框管理多张图片,支持拖拽排序
  • ♻️ 重置功能 - 一键恢复原始图片状态
  • 🚫 重复检测 - 自动识别并拒绝重复上传
  • ⚙️ 零依赖 - 纯 JavaScript,无需任何框架或库

📝 使用方法

  1. 1. 引入文件 - 引入 CSS 和 JS 文件(本地或 CDN)
  2. 2. 添加元素 - 在表单中添加 <input type="file">,通过 data-max 设置上传限制
  3. 3.
    初始化
    document.addEventListener('DOMContentLoaded', () => {
      KazImageCraft._init('kaz-file-input', 'kaz-upload-form');
    });
  4. 4.
    表单提交
    KazImageCraft.injectAllFiles();
    form.submit();

🌐 多语言支持

提供多种语言文件(如 en-us.jszh-cn.js 等),可直接替换或自定义 UI 文本。

💡 适用场景

完美适配作品集展示、后台管理系统或富内容编辑器,提供简洁、高效、无干扰的用户体验。

🔗 相关链接

📄 许可证

MIT License