Layui原生upload组件不支持上传前裁剪，因accept:'images'仅过滤类型且auto:true会立即提交原始文件；裁剪必须在choose回调中通过croppers.render()实现，需正确配置elem、mark、saveW/saveH参数并手动构造FormData提交。
Layui 原生 upload 组件不支持上传前裁剪，必须用第三方裁剪模块（如 croppers）替代，且关键操作只能在 choose 回调中拦截并处理。
为什么 upload.render() + accept: 'images' 无法触发裁剪
Layui 的 upload 只负责选文件、发请求，不做任何图像处理。设置 accept: 'images' 仅过滤文件类型；auto: true（默认）会立刻提交原始文件，根本没机会裁剪。常见错误是把裁剪初始化写在 done 或 before 里——此时请求已发出或正在发送，裁剪无效。
croppers.render() 必须填对的几个参数
croppers 是社区封装的非官方模块（不是 layui 自带），依赖 elem 容器、mark 比例、saveW/saveH 输出尺寸，三者缺一不可：
-
elem必须是空容器元素（如<div id="crop-box"></div>），不能是按钮 —— 否则 canvas 挂载失败，报Cannot read property 'cropper' of undefined -
mark控制裁剪框比例：mark: 1/1表示正方形，mark: 4/3表示 4:3，设为false则自由拖拽无约束 -
saveW和saveH是最终输出图片的像素宽高（如头像要求 150×150），不是裁剪框大小；实际裁剪区域由mark+ 用户拖拽共同决定 -
url填后端接收接口地址（如/upload/avatar），不是图片 URL；它会被内部用FormData提交
choose 回调里必须做哪些事
这是唯一能干预裁剪的时机：用户点选图片后、点击“确认上传”前。必须设 auto: false，否则 choose 拿到的是空 obj.files：
- 用
FileReader读取obj.files[0]得到dataURL - 将
dataURL渲染进croppers初始化的容器（如#crop-box） - 调用
croppers.cropper('getCroppedCanvas').toDataURL()获取裁剪后 base64 - 手动构造
FormData，append 裁剪后的 blob（需用canvas.toBlob()转）再提交
容易被忽略的是：裁剪模块（如 croppers）和原生 upload 是两套体系，混用会导致回调失效或 canvas 未挂载；另外，saveW/saveH 若与后端校验尺寸不一致，可能被拒绝，务必前后端对齐。
