layui上传组件渲染

 余温
2019年07月25日 17时04分
 web

-----最近发现layui这个框架不错就用了一下遇到的问题总结下,希望下次就别碰到了 (这个框架的这些组件真香)

在做添加商品的时候页面已经渲染了一个上传组件,然后用js添加多个上传组件,再然后就发后面用 js 添加的不能上传 就像这样的

开始考虑的是以为后面的上传组件是新添加的没有实例化(这么简单怎么可能难到我),

    $("tbody").append(‘rst’) //添加元素
    //添加元素完成后再渲染一次
    upload.render({
                elem: ‘.update’,
                url: '山川位置',
                done: function(res, index, upload){ 
                                //上传后的回调
                } ,
                exts: 'jpg|png|gif|bmp|jpeg',
                //accept: 'file', //允许上传的文件类型
                //size: 50 //最大允许上传的文件大小
                //,……
            });

结果悲剧了只有页面开始渲染的 组件可以上传 然后一顿百度结果所说的基本都是这样

既然百度不能解决就只能去看文档了 发现可以传dom对象就想 试着把新添加的组件穿进去试试 果然好了

$("tbody").append(row)
     let args = document.querySelectorAll('.attr-img');// 获取刚添加的上传标签
upload.render({
                elem: args[args.length - 1],
                url: '山川位置',
                done: function(res, index, upload){ //上传后的回调
                    if(res.status == 200){
                        var item = this.item;
                        $(item).parent().find(".layui-upload-list img").attr("src",res.img);
                        $(item).parent().find(".layui-upload-list input").val(res.img);
////                $('#demo1').attr('src', res.img); //图片链接(base64)
                    }
//              else{
//              }
                } ,
                exts: 'jpg|png|gif|bmp|jpeg',
                //accept: 'file', //允许上传的文件类型
                //size: 50 //最大允许上传的文件大小
                //,……
            });
{{vo.nickname}}:{{vo.content}}

{{vo.time}} 回复


  • {{level.nickname}} 回复 {{level.father_nickname}}{{level.content}}
  • {{level.time}} 回复


@
登陆后评论