文件上传upload.render小记
upload.render失效
- 遇到的问题:
- 正确代码如下:
- 分析错误代码:
遇到的问题:
初始化时能正常打开上传,但点击查询后上传按钮失效
正确代码如下:
if(paramPage>0){var curr=paramPage;
}else{var curr = 1;
}
var pageSize = 10;
$(function() {find(curr);
})
function find(currs) {if(currs!=null){curr = currs;}var examType = $("#examType").val();var year = $("#year").val();var term = $("#term").val();$.ajax({url : ctx + "/ScoreRegistration/queryCourse",type : "post",data : {"pageNum" : curr,"pageSize" : pageSize,"year" : year,"term" : term,"examType":examType},dataType : "json",async : true,contentType : "application/x-www-form-urlencoded",success : function(result) {if(result.code!="-1"){$("#no_data").hide();$("#table_div").show();$("#t_body_class").html("");var courseList = result.data.list;for (var i = 0; i < courseList.length; i++) {var str = "";var inde = ((10*(curr-1))+i+1);str += "<tr><td>"+((10*(curr-1))+i+1)+"</td>"str += "<td>"+courseList[i].grade+"</td>";str += "<td title="+courseList[i].yearTerm+">"+courseList[i].yearTerm+"</td>";str += "<td title="+courseList[i].className+">"+courseList[i].className+"</td>";str += "<td title="+courseList[i].courseName+">"+courseList[i].courseName+"</td>";str += "<td title="+courseList[i].teacherName+">"+courseList[i].teacherName+"</td>";str += "<td title="+courseList[i].auditStatus+">"+courseList[i].auditStatus+"</td>";if(courseList[i].auditStatus=='未录入'){str += "<td>" +"<input type='button' value='录入' class='my-button' οnclick='typeIn("+courseList[i].grade+","+year+","+term+","+courseList[i].courseId+","+courseList[i].teacherId+","+courseList[i].classId+","+courseList[i].majorId+","+courseList[i].deptId+",\""+courseList[i].majorName+"\",\""+courseList[i].deptName+"\",\""+courseList[i].courseName+"\")'>" +"<button type='button' class='layui-btn layui-btn-primary' id='upload_excel_"+inde+"'><i class='layui-icon layui-icon-upload-circle'></i></button>";}else if(courseList[i].auditStatus=='录入中'){str += "<td>" +"<input type='button' value='录入' class='my-button' οnclick='typeIn("+courseList[i].grade+","+year+","+term+","+courseList[i].courseId+","+courseList[i].teacherId+","+courseList[i].classId+","+courseList[i].majorId+","+courseList[i].deptId+",\""+courseList[i].majorName+"\",\""+courseList[i].deptName+"\",\""+courseList[i].courseName+"\")'>"+"<input type='button' value='提交' class='my-button' οnclick='submitScoreAudit("+courseList[i].id+","+courseList[i].grade+","+year+","+term+","+courseList[i].courseId+","+courseList[i].teacherId+","+courseList[i].classId+","+courseList[i].majorId+","+courseList[i].deptId+")'>";}str+="</td></tr>";$("#t_body_class").append(str);loadLayerEL(inde,courseList[i].grade,year,term,courseList[i].courseId,courseList[i].teacherId,courseList[i].classId,courseList[i].majorId,courseList[i].deptId,courseList[i].majorName,courseList[i].deptName,courseList[i].courseName)}}else{$("#no_data").show();$("#table_div").hide();}layui.use(['laypage', 'layer'], function(){var laypage = layui.laypage,layer = layui.layer;laypage({cont:'demo7',pages : result.data.pages,skip : true,curr : curr,jump : function(obj, first) {newpage = obj.curr;if (!first) {find(newpage);}}});})}});
}
/*** 加载layer的依赖* @returns*/
var files = null;
function loadLayerEL(inde,grade,year,term,courseId,teacherId,classId,majorId,deptId,majorName,deptName,courseName){var params = {"grade":grade,"year":year,"term":term,"courseId":courseId,"teacherId":teacherId,"classId":classId,"examType":examType,"majorId":majorId,"deptId":deptId,"page":curr
}layui.use(['element','upload','form'], function(){var element = layui.element;var $ = layui.jquery,upload = layui.upload;/*上传文件*/upload.render({ //允许上传的文件后缀elem: '#upload_excel_'+inde,url: ctx+'/ScoreRegistration/importScholarStudent',accept: 'file', //普通文件,data: params,auto:true,//是否自动上传exts: 'xls|xlsx', //只允许上传excel文件progress: function(n, elem){var percent = n + '%' //获取进度百分比element.progress('#upload_excel_'+inde, percent);console.log(elem); },done: function(res){//上传完成后回调deletefile();if(res.msg=="请求上传接口出现异常"){layer.msg("请检查上传表格中数据");return false;}else{layer.msg(res.msg,{time:5000});find(1);}},choose:function(obj){deletefile();//将每次选择的文件追加到文件队列files = obj.pushFile();}});});
}/*** 清除文件* @returns*/
function deletefile(){if(null != files){for(var i = 0 ; i<Object.keys(files).length;i++){delete files[Object.keys(files)[i]];}files = null;}
}
分析错误代码:
$.ajax({url : ctx + "/ScoreRegistration/queryCourse",type : "post",data : {"pageNum" : curr,"pageSize" : pageSize,"year" : year,"term" : term,"examType":examType},dataType : "json",async : true,contentType : "application/x-www-form-urlencoded",success : function(result) {if(result.code!="-1"){$("#no_data").hide();var courseList = result.data.list;var str = "";for (var i = 0; i < courseList.length; i++) {var inde = ((10*(curr-1))+i+1);str += "<tr><td>"+((10*(curr-1))+i+1)+"</td>"str += "<td>"+courseList[i].grade+"</td>";str += "<td title="+courseList[i].yearTerm+">"+courseList[i].yearTerm+"</td>";str += "<td title="+courseList[i].className+">"+courseList[i].className+"</td>";str += "<td title="+courseList[i].courseName+">"+courseList[i].courseName+"</td>";str += "<td title="+courseList[i].teacherName+">"+courseList[i].teacherName+"</td>";str += "<td title="+courseList[i].auditStatus+">"+courseList[i].auditStatus+"</td>";if(courseList[i].auditStatus=='未录入'){str += "<td>" +"<input type='button' value='录入' class='my-button' οnclick='typeIn("+courseList[i].grade+","+year+","+term+","+courseList[i].courseId+","+courseList[i].teacherId+","+courseList[i].classId+","+courseList[i].majorId+","+courseList[i].deptId+",\""+courseList[i].majorName+"\",\""+courseList[i].deptName+"\",\""+courseList[i].courseName+"\")'>" +"<button type='button' class='layui-btn layui-btn-primary' id='upload_excel_"+inde+"'><i class='layui-icon layui-icon-upload-circle'></i></button>";}else if(courseList[i].auditStatus=='录入中'){str += "<td>" +"<input type='button' value='录入' class='my-button' οnclick='typeIn("+courseList[i].grade+","+year+","+term+","+courseList[i].courseId+","+courseList[i].teacherId+","+courseList[i].classId+","+courseList[i].majorId+","+courseList[i].deptId+",\""+courseList[i].majorName+"\",\""+courseList[i].deptName+"\",\""+courseList[i].courseName+"\")'>"+"<input type='button' value='提交' class='my-button' οnclick='submitScoreAudit("+courseList[i].id+","+courseList[i].grade+","+year+","+term+","+courseList[i].courseId+","+courseList[i].teacherId+","+courseList[i].classId+","+courseList[i].majorId+","+courseList[i].deptId+")'>";}else if(courseList[i].auditStatus=='已提交'){str += "<td>" +"<input type='button' value='取消提交' class='my-button' οnclick='disScoreAudit("+courseList[i].grade+","+year+","+term+","+courseList[i].courseId+","+courseList[i].teacherId+","+courseList[i].classId+","+courseList[i].majorId+","+courseList[i].deptId+")'>";str += "" +"<input type='button' value='打印' class='my-button' οnclick='printScore("+courseList[i].grade+","+year+","+term+","+courseList[i].courseId+","+courseList[i].teacherId+","+courseList[i].classId+","+courseList[i].majorId+","+courseList[i].deptId+","+courseList[i].id+",\""+courseList[i].majorName+"\",\""+courseList[i].deptName+"\",\""+courseList[i].courseName+"\",\""+courseList[i].className+"\",\""+courseList[i].teacherName+"\",\""+courseList[i].courseType+"\")'>";}else if(courseList[i].auditStatus=='未审核通过'){str += "<td>" +"<input type='button' value='提交' class='my-button' οnclick='submitScoreAudit("+courseList[i].id+","+courseList[i].grade+","+year+","+term+","+courseList[i].courseId+","+courseList[i].teacherId+","+courseList[i].classId+","+courseList[i].majorId+","+courseList[i].deptId+")'>";}else if(courseList[i].auditStatus=='已发布'){str += "<td>" +"<input type='button' value='打印' class='my-button' οnclick='printScore("+courseList[i].grade+","+year+","+term+","+courseList[i].courseId+","+courseList[i].teacherId+","+courseList[i].classId+","+courseList[i].majorId+","+courseList[i].deptId+","+courseList[i].id+",\""+courseList[i].majorName+"\",\""+courseList[i].deptName+"\",\""+courseList[i].courseName+"\",\""+courseList[i].className+"\",\""+courseList[i].teacherName+"\",\""+courseList[i].courseType+"\")'>";}str+="</td>";loadLayerEL(inde,courseList[i].grade,year,term,courseList[i].courseId,courseList[i].teacherId,courseList[i].classId,courseList[i].majorId,courseList[i].deptId,courseList[i].majorName,courseList[i].deptName,courseList[i].courseName)}$("#t_body_class").html(str);$("#table_div").show();}else{$("#no_data").show();$("#table_div").hide();}
- 代码是渲染页面在后,赋值调用loadLayerEL方法在前,但此时页面的这些值是没有给到的,直接调用上传按钮,此时是不起作用的,需要先给页面渲染,再去调用
文件上传upload.render小记相关推荐
- Play框架文件上传Upload、FileUpload类使用详解
最近做一个前后台分离的项目,要用到前端页面传递文件对象给后端,就研究了一下框架中自带的类Upload接口.FileUpload类. 1. 后端的控制器能够接收到play.mvc.Http.Reques ...
- (白帽子学习笔记)前渗透——文件上传upload labs
读者需知 1.本文仅供学习使用,由于传播和利用此文所造成的损失均由使用者本人负责,文章作者不为此承担责任 2.本文参考了一些文章,如有侵权请联系本人删除 第一关--前端验证 1.将浏览器中的JS代码禁 ...
- layUi upload单文件上传,重复上传的问题
今天遇到个问题,layUi upload单文件上传,选择两个不同文件时,第二次点击上传按钮还没选择上传,会把第一次上传的文件再上传一次 .在网上查到了答案,记录一下 //单个上传 upload.ren ...
- java ajax多文件上传插件_jQuery Upload File 多文件批量上传插件 - 资源
jQuery File UPload 包含多个带有进度条的文件上传,能够兼容任意的服务端语言,例如 PHP.Python.Ruby on Rails.Java等,支持标准的HTML表单文件上传.jQu ...
- Java 上传--upload
简单的上传接口 application.properties # 保存路径 file.save.url=D:\\pdf\\# 上传大小设置 spring.servlet.multipart.max-f ...
- layui实现文件压缩上传_基于SSM框架、Layui的多文件上传、包括图片,压缩包,音频等文件(与数据库挂钩) - 爱秧博客...
写在前面:当初为了实现一个多文件上传可是费了一番功夫,经过我日日夜夜的百度咨询,写了好几种方法,最终还是没能解决问题.我可以很负责任的告诉你,你去百度上不管你形容有多好,只要是涉及多文件,就会查到Mu ...
- easyExcel文件上传与下载
目录 1.导入POM依赖 2.模板文件 3.实体类 4.前端页面 5.模板文件上传(Controller) 6.文件下载(Controller) 7.导出效果 1.导入POM依赖 <!-- co ...
- TP6+layui 文件上传
一.引入layui html <div class="layui-upload-drag" id="upload"><i class=&quo ...
- Struts2 单个文件上传/多文件上传
1导入struts2-blank.war所有jar包:\struts-2.3.4\apps\struts2-blank.war 单个文件上传 upload.jsp <s:form action= ...
最新文章
- 《Lua游戏开发实践指南》学习笔记3
- java有不过_不过而而
- XHTML和HTMl区别
- SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能
- Spring Boot&Angular 5&Spring Data&Rest示例(CRUD)
- 数据结构 - 链表(单向环形链表)(约瑟夫问题)
- php time java_java 时间戳和PHP时间戳 的转换 php time()
- [jQuery原理] jQueryDOM操作相关方法
- Web Server监视器 v0.75 - Free tool
- 开源H5盲盒商城源码系统4.0-vue+TP5php框架开发开源网站
- 英语3500词(19/20)education主题(2022.4.29)
- 苹果手机使用技巧篇:教你完美使用好苹果手机的4个方法
- 基于STM32设计的云端健康管理系统(采用阿里云物联网平台)
- Echarts图表中设置背景图片
- Unity3d 所有版本下载
- maven中央仓库找不到jconsole-1.8.0.jar和tools-1.8.0.jar包
- Cadence PCB层的概念
- Java小白入门200例65之Java sort()数组排序
- 从“平板之父”到连续创业者, Jerry Kaplan传奇来袭
- manjaro卸载docker