layui 在js添加html元素后点击upload不可用

可能是因为 layui 的 upload 组件在初始化时只会绑定已经存在的元素，而不会自动绑定新增的元素。解决方法是在添加元素后手动重新渲染 upload 组件，例如：

// 假设新增的元素的 class 是 new-element
layui.use(['upload'], function(){
  var upload = layui.upload;
  // 手动重新渲染 upload 组件
  upload.render({
    elem: '.new-element' // 新增元素的选择器
  });
});

这样就可以让新增的元素也能够正常使用 upload 组件了。

相关问题

layui upload 添加header

在使用 layui 的上传组件时，可以通过设置`headers`参数来添加请求头。具体方法如下：

layui.use('upload', function(){
    var upload = layui.upload;
    //执行实例
    var uploadInst = upload.render({
        elem: '#test' //绑定元素
        ,url: '/upload/' //上传接口
        ,headers: {
            token: 'your token' //自定义请求头
        }
        ,done: function(res){
            //上传完毕回调
            console.log(res);
        }
        ,error: function(){
            //请求异常回调
            console.log('请求异常');
        }
    });
});

在上面的代码中，我们在`headers`中添加了一个`token`请求头。你可以根据实际需求设置自己的请求头。

layui upload done不执行

layui上传组件`upload`的`done`回调函数通常会在文件上传完成后被触发。如果这个函数没有被执行，可能是以下几个原因：

1. **检查回调设置**：确保你在`layui.upload()`初始化配置时正确设置了`success`属性，并指向了你想执行的回调函数。

   layui.use('upload', function() {
     var layUpload = layui.upload;
     layUpload.render({
       elem: '#upload-id',
       success: function(data, status, xhr) { // 这里就是done函数，接收服务器返回的数据
         console.log('文件上传成功');
         // ... 其他处理逻辑
       },
       done: function(res, file, response) {
         if (res.status === 'success') {
           console.log('上传完成');
         } else {
           console.error('上传失败');
         }
       }
     });
   });

2. **服务器响应**：确认后端是否正确处理了上传请求并发送了预期的成功或错误状态。`done`回调依赖于服务器对`success`字段的响应。

3. **异步问题**：如果上传是通过Ajax发起的并且`done`回调不是在同一时刻执行，可能是因为异步延迟。确保`done`是在所有必要的网络操作完成之后才会调用的。

4. **浏览器兼容性**：某些浏览器可能会有缓存、同源策略等问题影响到文件上传，试试清除缓存或者检查跨域设置。

5. **代码结构**：检查是否有其他代码干扰了`done`的执行，例如错误处理代码意外中断了上传流程。

如果你已经排除了上述可能性但仍遇到问题，可以尝试添加一些调试信息或者检查网络请求的详细情况。同时，提供具体的代码片段和报错信息会有助于更好地定位问题。