前言
记录zbj开发过程中用到过的一些功能。
一、页面标签
1、上传按钮
//上传按钮 <label for="file" class="btn btn-info" > <span class="glyphicon glyphicon-folder-open" aria-hidden="true"> 选择流程图(zip格式) </label> <input id="file"type="file"style="display:none">
2、显示两位小数
//前台页面设置方式: var value = Math.round(parseFloat(data)*100)/100
3、Ajax提交表单并下载文件
// 下载文件:参数说明:dataForm第一次提交的表单;makeFileAction第一次访问后台的url,返回的obj为文件路径; function downloadFiles(dataForm,makeFileAction,downLoadAction){ $('#progressBar').modal("show"); $.ajax({ type : "POST", url : makeFileAction, data:$('#'+dataForm).serialize(), dataType:'text', success : function(obj) { if(obj.substring(obj.length-4,obj.length)!="xlsx"&&obj.substring(obj.length-3,obj.length)!="xls") { alert(obj); $('#progressBar').modal("hide"); }else { var form = $("<form>");//定义一个form表单 form.attr("style", "display:none"); form.attr("target", ""); form.attr("method", "post"); form.attr("action", downLoadAction); var input1 = $("<input>"); input1.attr("type", "hidden"); input1.attr("name", "filePath"); input1.attr("value", obj); $("body").append(form);//将表单放置在web中 form.append(input1); form.submit();//表单提交 $('#progressBar').modal("hide"); } }, error : function(XMLHttpRequest, textStatus, errorThrown) { alert("下载失败!"); $('#progressBar').modal("hide"); } }); };