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 //最大允许上传的文件大小
//,……
});
上一篇:
php 比较两个文件是否相同
请登陆后评论
{{vo.time}} 回复