必须在Layui layer弹窗内绕过upload自动上传，在文件选中后立即用FileReader读取为base64并赋值给img.src，待图片load完成再初始化Cropper；点击确定时调用getCroppedCanvas().toDataURL()直接获取标准base64字符串。
要在Layui layer弹窗内完成图片裁剪并准确返回base64字符串，必须绕过upload组件的自动上传机制，在用户选中文件后、任何上传发起前完成裁剪和数据提取——否则layer弹窗里裁剪完点确定，传出去的仍是原始文件。
准备裁剪环境与依赖
在页面 中引入 cropper.css 和必要脚本，顺序不能错：先 jQuery（Layui 2.x 内置，但 cropper.js 依赖显式 jQuery 对象），再 cropper.js，最后可选 jquery-cropper（非必需）；【Layui 2.9+ 已内置 jQuery，但需确保 $ 可用，若报 $ is not defined，请手动引入 jQuery 3.6+】。
在 底部或模块加载时确认 cropper 构造函数存在：typeof Cropper !== 'undefined'，否则后续初始化会静默失败。
触发 layer 弹窗并注入裁剪容器
点击按钮时调用 layer.open()，content 传入一个带 style="max-width:90%"），避免 cropper 初始化时因父容器无尺寸而缩放异常。
不要把
读取文件 → 渲染 → 初始化 Cropper
第一步：监听文件 input 的 change 事件，用 FileReader 同步读取为 base64。
第二步：将读取结果赋给 document.getElementById('crop-img').src，等待图片 load 完成后再初始化 Cropper —— 这一步漏掉会导致裁剪框错位或空白。
第三步：调用 new Cropper(imgEl, { aspectRatio: 1, viewMode: 1, autoCropArea: 0.8 })，其中 【viewMode: 1 确保图片不被缩放溢出容器，否则拖拽裁剪区会失效】。
点击“确定”获取裁剪后的 base64
方法一：在 layer 的 btn 回调中调用 cropper 实例的 getCroppedCanvas().toDataURL('image/png')，该方法返回标准 data URL 字符串，可直接用于 img.src 或 FormData.append。
方法二：若需更高压缩控制，改用 getCroppedCanvas({ width: 200, height: 200 }).toBlob(blob => { ... }, 'image/jpeg', 0.8)，再用 FileReader 读取 blob 为 base64 —— 但注意此路径异步，layer.close 必须在回调内执行，否则弹窗关闭后 blob 释放导致读取失败。
这一步操作起来很简单，直接把 toDataURL() 结果传给上层业务函数即可，无需额外编码转换。
