table中使用上传 点击无反应

提问 已结 15 294
晒太阳的魚
悬赏:20飞吻
版本:layui 2.5.5 浏览器:google


<script type="text/html" id="icon">
<img id="icon{{d.id}}" lay-filter="icon" src="{{d.icon}}" width="30px" height="30px">
</script>

// 上传
upload.render({
elem: '#icon1'
,url: '../Upload'
,before: function(obj){ //obj参数包含的信息,跟 choose回调完全一致,可参见上文。
console.log("before");
}
,success: function(res){
console.log(res); //上传成功返回值
}
});



我对icon图片 img1..img4 更新都添加上传功能,但是点击没有反应啊

希望大神给解决下
回帖
  • EiSCN
    2020-2-6
    把upload.render({
    elem: '.href'
    ,url: '{:url("upFiles/upload")}' //上传接口
    ,done: function(res){
    console.log(res.src);
    }
    代码放到table.render({下面的dono这里边,然后按钮或链接用class定义一个类。elem绑定这个类就可以了。试了下得确可以。希望帮到你。
    0 回复
  • EiSCN
    2020-2-6
    首先ID在一个页面中只能存在一个,你这一行一个,本身就没反应。
    1 回复
  • 更正下:原本
    <script type="text/html" id="icon">
    <img id="icon" lay-filter="icon" src="{{d.icon}}" width="30px" height="30px">
    </script>


    // 上传
    upload.render({
    elem: '#icon'
    ,url: '../Upload'
    ,before: function(obj){ //obj参数包含的信息,跟 choose回调完全一致,可参见上文。
    console.log("before");
    }
    ,success: function(res){
    console.log(res); //上传成功返回值
    }
    });
    也是没反应 为了测试我写成了上面那种 也没反应
    0 回复
  • EiSCN
    2020-2-6
    <script type="text/html" id="icon">
    <img id="icon_{{d.id}}" lay-event="icon" src="{{d.icon}}" width="30px" height="30px">
    </script>
    table.on('tool(list)', function(obj) {
    if(obj.event === 'icon'){
    elem: '#icon_'+data.id
    ,url: '../Upload'
    ,success: function(res){
    console.log(res); //上传成功返回值
    }
    });

    具体代码你自己补全试试
    0 回复
  • EiSCN
    2020-2-6
    在表格里是动态生成的,你直接取ID是取不到的,你可以参看 lay-event用这个给赋值。
    0 回复

  • 怎么会是这个情况啊
    0 回复
  • EiSCN
    2020-2-6
    upload有没有加载
    0 回复
  • 是的 刚才忘记加载了。但是加载了也不行,点击也执行了,就是没法上传

    table.on('tool(mytab)', function(obj) {
    if(obj.event === 'icon'){
    console.log(obj.data.id);
    console.log('#icon_'+obj.data.id);
    // 上传
    upload.render({
    elem: '#icon_'+obj.data.id
    ,url: '../Upload'
    ,before: function(obj){ //obj参数包含的信息,跟 choose回调完全一致,可参见上文。
    console.log("before");
    }
    ,success: function(res){
    console.log(res); //上传成功返回值
    }
    });
    }
    });

    点击图片 也执行了这个代码,对应的id也输出的是对的,就是不反应,不知哪里错了
    0 回复

  • 对应的输出
    0 回复
  • 执行到上传的地方 弹不出来 选择文件的框。无法选择文件上传
    0 回复