layui上传HTML,layui 在js添加html元素后 upload不可用问题

项目要写一个 点击添加按钮,添加一个上传图片和图片介绍的功能

本来以为简简单单,没想到遇到了这么一个坑,js添加html后 upload不能用

解决办法:

但是这并不是我想要的最终结果,因为只能上传一次,细看代码后发现 var id = xxx;在function内部

下面是我修改后的代码

$(function(){

var id = 1; //这个id写在function外面

$('.addcontainer').on('click','.addbutton',function(){

// 获取元素个数

var len = $('.addphotocontainer').children('.addphoto').size();

var html = "";

html+="

";

html+="";

html+=" 选择图片";

html+="{$v.summary|default=''}";

html+="移除

";

$('.addphotocontainer').append(html);

upload.render();

layui.use(['form','upload'],function(){

var upload = layui.upload;

upload.render({

elem: '#test'+id,

url: '/admin/index/uploadImage',

done: function (result) {

// 上传完毕回调

if (result.code === 1) {

this.item.prev('input').val(result.url);

} else {

layer.msg(result.msg);

}

}

})

});

id++; //这里id++就好

})

})