图片裁剪上传 图片裁剪与上传交互示例：选区、缩放与导出上传前的本地预处理。 精选 文件 IO ← 项目展示

图片裁剪上传

图片裁剪与上传交互示例：选区、缩放与导出上传前的本地预处理。

更新于 2019-06-01

Web 文件 IO 精选 精选 project 文件 IO 交互

新窗口打开 原路径 /static/project/clip-image/upload_img.html

简介

完整的「选图 → 裁剪 → 上传」小工程，演示前端在提交前如何约束画幅与局部区域。适合对照 H5 活动图、头像上传等场景。

如何测试验证

1. 选择本地图片，确认进入裁剪界面。
2. 调整选区 / 缩放，预览是否跟随。
3. 确认输出再走上传（若接口不可用，至少看到本地裁剪结果）。

说明

从旧站 static/project/clip-image 迁入；静态资源在 /demos/project/clip-image/。