layui upload 的 drag 参数必须显式设为 true；auto 默认为 true，若设为 false 需配合有效 bindAction；multiple 默认支持多文件，但后端须正确接收数组；拖拽区点击无效常因样式遮挡或未处理 choose 回调。
layui upload 的 drag 参数必须显式设为 true
默认情况下 layui.upload 不开启拖拽功能，即使你写了 elem 容器、绑定了事件，不加 drag: true 就永远触发不了拖放区域。这是最常被跳过的配置项。
实操建议：
- 必须在
layui.use(['upload'], ...)回调里初始化，且传入对象中明确写drag: true -
elem不能是空 div，最好带点宽高和边框（比如style="border: 2px dashed #999; height: 150px;"），否则用户找不到可拖区域 - 如果容器是动态插入的（比如弹窗里），得等 DOM 渲染完再调用
upload.render()，否则绑定无效
拖拽上传时文件没进 done 回调？检查 auto 和 bindAction
现象：文件拖进去后没反应，控制台也没报错，done 函数压根不执行——大概率是上传没真正发出去。
原因在于 auto: false 时，layui 不会自动上传，得手动触发；而 bindAction 指定错误也会导致静默失败。
实操建议：
- 开发阶段先设
auto: true，确认流程通了再关 - 如果要用
auto: false，必须配合bindAction指向一个按钮的id或元素，且该按钮得存在、没被移除 -
url必须是真实可写的后端接口地址，404 或 CORS 拦截会导致拖拽“成功”但无后续，error回调也不一定触发（取决于浏览器）
多文件拖拽只传了一个？看 multiple 和后端接收逻辑
layui 默认支持一次拖多个文件，但如果你只收到一个，问题往往不在前端。
前端只需确保 multiple: true（这是默认值，一般不用显式写），真正卡点在后端是否按数组方式接收（比如 PHP 的 $_FILES['file']['name'] 是数组，Node.js 的 multer 要用 array('file')）。
实操建议：
- 浏览器开发者工具 Network 面板里看请求 payload，确认多个文件是否真的发出了（每个文件应有独立的
Content-Disposition） - 服务端不要只取
req.files[0]，要遍历req.files - 注意
accept: 'file'会禁用多选，改成'images'或留空才能允许多文件拖拽
拖拽区域点击没反应？别忘了 choose 回调和样式穿透
拖拽区通常也兼作点击选择文件区，但如果点了没反应，不是 JS 错了，而是 CSS 挡住了。
常见原因是父容器用了 overflow: hidden、或拖拽区本身 z-index 太低、或用了 pointer-events: none（比如某些遮罩层）。
实操建议：
- 给拖拽容器加
cursor: pointer和背景色，先肉眼确认它“可点” - 检查 computed styles，重点看
pointer-events和z-index - 如果用了
choose回调，记得在里面调用this.preview()或手动触发input[type=file]，否则点了也没效果
