layui upload 点击上传没有反应 JS动态加载

   下图中“上传图片”是js动态加载的,点击“上传图片”没有反应,是因为layui的触发函数是先于动态加载的html代码的,所以就会绑定失败。

解决方案:

js代码:


// 某个js函数
function test(){



    // 构造要嵌入html代码
    // ......
    certificates_html += '<button type="button" class="layui-btn upload_img" id="original_document_' + accounting_entry['id'] + '">';
    certificates_html +=      '<i class="layui-icon">&#xe67c;</i>上传图片';
    certificates_html += '</button>';

   

    // 将html代码嵌入到html页面中
    document.getElementById('all_certificates').innerHTML = certificates_html;

    
    // 为html代码绑定上传事件
    layui.use(['form','upload'],function(){

         var $ = layui.jquery,upload = layui.upload;
         upload.render({

              elem: '.upload_img',
              url: "{:url('Upload/upload')}",
              before: function(){
                     // 上传服务器前的操作
                     var item = this.item;
                     var getId=item.context.id;
                     console.log(item)
                     console.log(getId)
              },
              done: function(res, index, upload){
                     // 上传服务器后的操作
                     console.log(res);
                     var item = this.item;
                     var getId=item.context.id;
                            
               }
          })
    });
}

 

 

 

 

 

 

 

 

 

 

 

 

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

软件工程小施同学

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值