热巴热巴 2022-09-28 22:22 采纳率: 60%
浏览 72
已结题

layui动态生成文件上传按钮后点击传入图片后台没反应问题

我使用layui的upload.render上传文件,js代码我动态生成了,点击文件上传按钮后,传入图片文件什么的,后台没反应,前台也没有展示
点击下拉框时,我调用addConstructionUser(res,strsel);,动态拼接了上传的js
 layui.use('form', function () {
            var form = layui.form;
            form.render();
            form.on('select(itemType)', function (data) {
                var res = data.value;
                var e= data.elem;
                console.log(res);
                var strsel =e[e.selectedIndex].text;
                console.log(strsel);
                addConstructionUser(res,strsel);
            })
        });
这是 addConstructionUser(res,strsel);的代码
function addConstructionUser(res,strsel) {
        console.log(res);
        console.log(strsel)
        var content = "" +
            "" +
            "<input id='messageName"</span>+clickNum+<span class="hljs-string">"' style='height: 40px;line-height: 40px;text-align: center' class='layui-input' autocomplete='off' name='messageName'  value="</span> +strsel+ <span class="hljs-string">">" +
            ""+
            "
"+ "<label class='layui-form-label' style='color:white'>附件:</label>"+ "
"+ "<form class='layui-form' action='/enterprise.do/saveFiles' method='post' encType='multipart/form-data'>"+ "
"+ ""+ ""+ ""+ ""+ "
"+ ""+ "
"
+ "
"
+ "</form>"+ ""+ ""+ ""+ ""+ ""+ "
"+ "删除"+ "
"
+ "
"
+ "
"
+ ""+ "<label style='color: white' onclick='delUser(this)'>删除" + "" + ">" $("#batchTd").append(content); batchSetUserType(); layui.form.render(); clickNum++; } 点击添加附件时,我onclick 了一个 batchSetUserType();,进行向后台传递文件, function handleupload() { var el = '#' + event.target.parentElement.id; var result= el.charAt(el.length-1); var intelligenceId = document.getElementById("itemType").value; var $ = layui.jquery , upload = layui.upload; //多文件列表示例 var demoListView = $('#demoList'+result) , uploadListIns = upload.render({ elem: event.target , url: '/enterprise.do/saveFiles' , accept: 'file' , data: { intelligenceId: intelligenceId }  //可放扩展数据  key-value , multiple: true , auto: true , choose: function (obj) { var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列 //读取本地文件 obj.preview(function (index, file, result) { var span = $([''">' + file.name + ''].join('')); //单个重传 span.find('.demo-reload').on('click', function () { obj.upload(index, file); }); //删除 span.find('.demo-delete').on('click', function () { delete files[index]; //删除对应的文件 span.remove(); uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免删除后出现同名文件不可选 }); demoListView.append(span); }); } , done: function (res, index, upload) { if (res.code == 0) { //上传成功 $("#attachIds").val($("#attachIds").val() + res.attachId + ","); $("#upload-" + index).children().eq(0).append(删除 "); } return delete this.files[index]; //删除文件队列已经上传成功的文件 } //code为后台传回来的数据,具体多少自己定, //后台只能传回json格式数据,不然会走error函数; , error: function (index, upload) { alert("出现错误") } }) event.stopPropagation(); }
在选择文件后,前台和后台就没有反应了,文件没有传到后台,前台也没有展示

img

求解
前端页面,上传的文件,传到后端,并且显示到页面上
  • 写回答

4条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 10月6日
      • 创建了问题 9月28日

      悬赏问题

      • ¥15 Java的运用111111111111
      • ¥15 koa2 + ts 声明文件不生效
      • ¥15 Mac系统word显示此文档已被删除或当前无法访问.
      • ¥15 Unity用代码实现Tilemap
      • ¥15 怎么求广播地址以及网络地址?
      • ¥15 想知道unity如何实现物体贴地运动
      • ¥15 从A地到B地有多条路径可以到达,现要从A地到B地运物资问题
      • ¥30 用java设计小游戏扑克牌比大小,52张牌的图片选世界篮球明星图或其它都行
      • ¥15 ATM管理员功能代码及解释
      • ¥15 EasyExcel导出下载文件响应流为空