layui upload组件支持热加载么?

讨论 未结
7 207
NPE
NPE 2017-12-30
悬赏:20飞吻
通过预先加载的模式,先将组件初始化,如图:

可以正常使用,之后通过动态加载相同样式的按钮,无法出发动作
回帖
  • 月磊
    2017-12-30
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/layui.css" media="all">
    <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
    </head>
    <body>

    <button class="layui-btn" onclick="changeOnlick();">点击</button>
    <button class="layui-btn" id="test1">单纯的按钮</button>

    <script src="layui.js" charset="utf-8"></script>
    <script type="text/javascript">
    var upload;

    layui.use('upload', function(){
    upload = layui.upload;
    });

    function changeOnlick(){
    //执行实例
    document.getElementById('test1').innerText = '可以上传的按钮';
    var uploadInst = upload.render({
    elem: '#test1' //绑定元素
    ,url: '/upload/' //上传接口
    ,done: function(res){
    //上传完毕回调
    }
    ,error: function(){
    //请求异常回调
    }
    });
    }
    </script>
    </body>
    </html>
    0 回复
  • Darsoon
    2017-12-30
    @月磊 那这个可不可以再切换回单纯的按钮(没有上传功能)呢
    0 回复
  • 月磊
    2017-12-30
    emmm、、那就得去读源码、、解除绑定事件、、移除生成的dom树了吧、、官方是没有相关功能的
    0 回复
  • NPE
    2017-12-30
    @Darsoon 移除和lay绑定元素id或class 应该可以
    0 回复
  • NPE
    2017-12-30
    @月磊 使用elem.init(),更新元素, 并没达到效果,只能再重新upload.render();重新绑定初始化一次
    0 回复
  • Darsoon
    2017-12-30
    如何更新上传文件类型呢
    0 回复
  • Darsoon
    2017-12-30
    @月磊 如何更新上传文件类型呢
    0 回复
本帖已设置禁止回复
本周热议
没有相关数据
layui

微信扫码关注 layui 公众号