上传控件无法绑定upload组件

提问 已结 7 100
upcc
upcc 2019-10-9
悬赏:20飞吻
版本:layui 2.5.4 浏览器:ie11
页面加载完成后,使用js将上传控件的html代码拼接到某个div下,点击上传按钮打不开文件选择窗口,如果直接把上传控件的html代码写死在div测试没有问题,求教大佬们!
回帖
  • @upcc
    任何动态追加的节点,均需要重新绑定事件,且事件绑定在动态追加之后。
    下面一个简单示例
    <script>
    layui.use(['form','upload','jquery'], function () {
    var form = layui.form,
    upload = layui.upload,
    $ = layui.jquery;

    $(".layui-form .layui-btn-primary").click(function () {
    var html = '<div class="add">\n' +
    ' <button type="button" class="layui-btn upload">上传图片</button>\n' +
    ' </div>';
    $("#parent").append(html);
    //创建一个上传组件
    upload.render({
    elem: '.upload'
    ,url: ''
    ,done: function(res, index, upload){ //上传后的回调

    }
    });
    });
    })
    </script>
    1 回复
  • 贴下代码。。。
    0 回复
  • upcc
    2019-10-9
    19_10/44766120_1570598525418_69534.png]
    0 回复
  • upcc
    2019-10-9
    0 回复
  • upcc
    2019-10-9
    0 回复
  • upcc
    2019-10-9
    @咩咩咩咩咩 我刚才试出来了,输出完上传控件代码后紧接着就加载上传控件的内置组件就可以,我最开始是把两段代码分开写的,估计是html没输出完成就开始加载控件,但是这样写的话感觉很乱
    0 回复
  • upcc
    2天前
    @咩咩咩咩咩 好的好的,感谢
    0 回复