<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/default.css"> <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/fileinput.css"> <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-spinner/bootstrap-spinner.css"> <link rel="stylesheet" href="${ctx}/assets/lib/font-awesome-4.7.0/css/font-awesome.css"> <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" > <script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/fileinput.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/locales/zh.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-spinner/jquery.spinner.js"></script> <script type="text/javascript" src="${ctx}/assets/js/base.js"></script> <script src="${ctx}/assets/js/validate.js" ></script> <title>投诉数据导入</title> <meta name="keywords" content=""> <meta name="description" content=""> </head> <body > <form id="form1" method="post" class="form-horizontal" role="form"> <div style="display: none"> <input type="hidden" id="SendInterfaceFlag" name="SendInterfaceFlag" value="${SendInterfaceFlag!''}"/> </div> <div class="container-fluid" style="margin-top:15px;"> <div class="panel panel-default"> <div class="panel-heading"> <div style="display:inline;" >受理投诉数据excel文件导入 </div> <div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseFile"><span id="FileCollapseIcon" onClick="setCollapseIcon('FileCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div> </div> <div id="collapseFile" class="panel-collapse collapse in"> <div class="panel-body" style="font-size:14px"> <div class="row" style="padding:5px"> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="FileAppealID">选择文件</label></div> <div class="col-xs-12 col-sm-11 col-md-11 col-lg-11" > <input type="hidden" id="FileAppealID" name="FileAppealID" value=""/> <input id="file-0a" class="file-loading" type="file" multiple data-max-file-count="1" data-min-file-count="1"> </div> </div> </div> </div> </div> </div> </form> </body> <script type="text/javascript"> $(document).on('ready', function() { $('#file-0a').fileinput({ language: 'zh', uploadUrl: '${ctx}/myconsole/complaint/uploadfile/uploadExcel', deleteUrl: '${ctx}/myconsole/complaint/uploadfile/delete', showPreview: false, dropZoneEnabled: false, allowedFileExtensions : ['xls', 'xlsx','xlt','xlsm'], }).on("fileuploaded", function(event,data,previewId,index) { var d = data.response.result; alert(d); }); }); </script> </html>