Layui upload 不原生支持拖拽排序，需手动接管预览 DOM 和 fileList 同步：禁用自动预览，用 drag API 实现拖拽重排，维护有序文件数组，并在上传前按序构造 FormData。
拖拽排序在 layui upload 中不原生支持
layui 的 upload 组件本身没有内置拖拽重排预览图顺序的功能——它的 choose 回调只返回 filelist，渲染后的预览容器（.layui-upload-list）是静态 dom，不响应 drag 事件。想实现拖拽调序，必须手动接管预览区域的 dom 操作和数据同步。
用原生 drag API + 重新绑定 preview DOM
核心思路：禁用默认预览渲染，改用自定义 choose 回调生成可拖拽的 <img> 元素，并监听 dragstart/dragover/drop 事件调整 DOM 顺序，同时维护一个按顺序排列的 fileList 数组。
关键点：
- 设置
elem上传按钮后，把preview容器设为空 div（如<div id="preview-box"></div>），并关闭auto，避免 layui 自动插入 - 在
choose回调里遍历files，为每个File创建带draggable="true"的<img>，并绑定data-index或直接存引用 -
drop事件触发时，用Array.splice()调整你维护的orderedFiles数组，再调用preview-box.innerHTML = ''并重新渲染全部<img> - 注意：
File对象不可序列化，不能直接存在data-属性里，要靠索引或 WeakMap 关联
layui.upload 实例需手动管理 file 数据与 DOM 同步
一旦放弃自动预览，upload.render() 就只负责选择和上传，所有预览逻辑、顺序、删除都要自己写。常见疏漏：
- 没在
delete按钮点击后同步更新orderedFiles数组，导致后续上传发错顺序 - 拖拽时未阻止
dragover默认行为（e.preventDefault()），导致 drop 失效 - 多个文件同名时，仅靠
file.name做唯一标识会冲突，建议用file.lastModified + file.size生成临时 key - 移动端不支持
drag事件，iOS Safari 需 fallback 到长按+按钮排序（这点常被忽略）
上传时按拖拽后顺序提交文件
最终调用 upload.start() 前，必须确保 formData 中的文件顺序与用户拖拽一致。Layui 不提供“按序上传”开关，只能手动构造 FormData：
const formData = new FormData();
orderedFiles.forEach(file => {
formData.append('files[]', file); // 注意字段名加 [] 表示数组
});
// 再传给 upload instace 的 data 选项
如果服务端要求单个字段传多文件（如 files），就别用 []；若要求每个文件独立字段（file1, file2），就得动态拼 key —— 这部分逻辑完全由你控制，layui 不干涉。
真正麻烦的不是拖拽本身，而是拖拽后如何让 File 对象在多次操作（删、换序、再选）中保持引用稳定、不丢失、不重复。建议用 Map 存 file → {index, url}，比数组索引更可靠。
