layer.open 当传值为数组或值太长时处理方法

var data  = [{
    "name":"160A100A1638.jpg","url":"/public/uploads/160A100A1638.jpg"}];


layer.open({
    
   title: "子页",
   type: 2,
   content: "/admin/sysconfig/terminal_qrcodelist",
   area: ['50%', '70%'],
   btn: ["一键下载",'关闭'],
   success: function (layero, index) {
        //成功获得加载changefile.html时，预先加载，将值从父窗口传到 子窗口
       
       let body = layer.getChildFrame('body', index);	//少了这个是不能从父页面向子页面传值的
       
       //获取子页面的元素，进行数据渲染
       // body.find(".filename").val(data[0].name); //通过class名进行获取数据
       // body.find(".filepath").val(data[0].url);//意思是将rowselect[0].path这个值传递到子窗口的class="filepath"这个的文本框中，（预先加载）
		
	   //预先加载一些子页面内容
       var html = '';
       data.forEach(function(value, key, data) {
    
           html += '<div class="big_box"><div class="img_box"><img src="'+ value.url +'" style="width:100%;" ></div>'+
               '<div class="btn_box"><a href="'+ value.url +'" download="'+ value.name +'" class="btn layui-btn-normal radius">下载</a></div></div>';
           //console.log(value.url);
           
       });

       body.find("#qr_list").html('');
       body.find("#qr_list").html(html);

       // layui.form.render();
   },


   yes: function (index, layero) {
      //按了弹出层的确定按钮时，这是将在父窗口中获取子窗口form标签里的所有值，并根据name名和值形成键值对json对象
       
       //循环下载所有qrcode
       $.each(data, function (i ,item){
    
           let a = document.createElement('a') // 创建a标签
           let e = document.createEvent('MouseEvents') // 创建鼠标事件对象
           e.initEvent('click', false, false) // 初始化事件对象
           a.href = item.url // 设置下载地址
           a.download = item.name // 设置下载文件名
           a.dispatchEvent(e)
       });
   },

   btn2: function (index, layero) {
    
       //layer.close(index);
       location.reload();
   }
});