应统一初始化upload实例并用bindAction解耦，通过choose回调中this.item识别触发按钮，动态设置this.config.url和this.config.data；避免使用reload以防内存泄漏和竞态问题。
多个按钮绑定不同上传接口，别用 elem 直接绑死
直接给每个按钮写 elem: '#btn1'、elem: '#btn2' 再配不同 url 是行不通的——layui 的 render 每次调用都会创建新实例，但 dom 元素只能被一个实例接管，后初始化的会覆盖前一个，导致只有最后一个按钮生效。
真正可行的路只有一条：**统一初始化 upload 实例，用 bindAction 解耦触发动作和上传逻辑**。这样按钮只是“开关”，上传配置（包括 url）由 JS 动态决定。
- 先定义一个隐藏的触发器：
- 初始化 upload 时不设
elem，只设bindAction: '#upload-trigger'和通用参数（如accept、size） - 所有业务按钮（无论多少个）都通过
click触发$('#upload-trigger').trigger('click') - 在
before或choose回调里，根据当前点击的按钮动态改url和data
如何在 choose / before 中动态切换 url 和 data
Layui 上传实例提供 this.item，它指向**实际触发上传的那个 DOM 元素**（比如你点的是「上传合同」按钮，this.item 就是那个 button）。这是识别来源的唯一可靠依据。
示例场景：三个按钮分别对应合同、发票、附件上传，接口地址不同：
upload.render({
bindAction: '#upload-trigger',
url: '/upload/default', // 占位用，实际不走这里
auto: false,
choose: function() {
var btn = this.item; // 当前点击的按钮元素
var type = $(btn).data('type'); // 如 data-type="contract"
// 动态切换上传地址
if (type === 'contract') {
this.config.url = '/api/upload/contract';
} else if (type === 'invoice') {
this.config.url = '/api/upload/invoice';
} else {
this.config.url = '/api/upload/attachment';
}
// 同时注入业务参数（如订单ID）
this.config.data = {
orderId: $(btn).data('order-id') || ''
};
},
done: function(res) {
console.log('上传完成', res);
}
});
注意：this.config.url 和 this.config.data 必须在 choose 或 before 钩子中修改，且要在用户选完文件后、上传发起前生效；done 里改已无效。
为什么不用 reload？reload 不适合多按钮高频切换
虽然 Layui 提供 uploadInst.reload({ url: 'xxx' })，但它本质是销毁旧实例、重建新实例。如果页面有 10 个上传按钮，每次点击都 reload，会造成内存泄漏风险，且多次快速点击可能触发竞态——上一个上传还没结束，下一个 reload 就覆盖了配置，导致传错地址。
更关键的是：reload 无法感知「哪个按钮被点了」，你得额外维护点击状态映射表，反而增加复杂度。而 choose 回调里的 this.item 是天然上下文，零成本获取来源。
-
reload适合「单按钮、参数少量变化」场景（比如切换文件夹 ID） -
choose+this.item才是「多按钮、接口完全独立」的标准解法 - 不要在
done或error里调reload，那会中断当前上传流程
容易忽略的坑：data 参数里的函数执行时机
如果你在 data 里写了函数（如 data: { id: function(){ return $(this.item).data('id') } }），注意：这个函数是在上传请求**发起瞬间**才执行，不是在 choose 时。而 this.item 在 done 或 error 里已不可靠（可能已被移除或复用）。
所以更稳妥的做法是：在 choose 里把需要的值提前存到闭包变量或实例属性上，再在 data 函数里读取：
var currentUploadContext = {};
upload.render({
bindAction: '#upload-trigger',
choose: function() {
var btn = this.item;
currentUploadContext = {
url: '/api/' + $(btn).data('type'),
orderId: $(btn).data('order-id')
};
},
data: function() {
return {
orderId: currentUploadContext.orderId
};
}
});
真正麻烦的从来不是怎么写 URL 切换逻辑，而是没意识到 this.item 只在 choose 和 before 里稳定可用——其他钩子里它大概率已失效。
