fhfile_edit.jsp 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  3. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  4. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  8. %>
  9. <!DOCTYPE html>
  10. <html lang="en">
  11. <head>
  12. <base href="<%=basePath%>">
  13. <!-- 下拉框 -->
  14. <link rel="stylesheet" href="static/ace/css/chosen.css" />
  15. <!-- jsp文件头和头部 -->
  16. <%@ include file="../../system/index/top.jsp"%>
  17. <script type="text/javascript" src="static/ace/js/jquery.js"></script>
  18. <!-- 上传插件 -->
  19. <link href="plugins/uploadify/uploadify.css" rel="stylesheet" type="text/css">
  20. <script type="text/javascript" src="plugins/uploadify/swfobject.js"></script>
  21. <script type="text/javascript" src="plugins/uploadify/jquery.uploadify.v2.1.4.min.js"></script>
  22. <!-- 上传插件 -->
  23. <script type="text/javascript">
  24. var jsessionid = "<%=session.getId()%>"; //勿删,uploadify兼容火狐用到
  25. </script>
  26. </head>
  27. <body class="no-skin">
  28. <!-- /section:basics/navbar.layout -->
  29. <div class="main-container" id="main-container">
  30. <!-- /section:basics/sidebar -->
  31. <div class="main-content">
  32. <div class="main-content-inner">
  33. <div class="page-content">
  34. <div class="row">
  35. <div class="col-xs-12">
  36. <form action="fhfile/${msg }.do" name="Form" id="Form" method="post">
  37. <input type="hidden" value="no" id="hasTp1" />
  38. <div id="zhongxin" style="padding-top: 13px;">
  39. <table id="table_report" class="table table-striped table-bordered table-hover">
  40. <tr>
  41. <td style="width:75px;text-align: right;padding-top: 13px;">文件名:</td>
  42. <td><input type="text" name="NAME" id="NAME" value="" maxlength="30" placeholder="这里输入文件名" title="文件名" style="width:98%;"/></td>
  43. </tr>
  44. <tr>
  45. <td style="width:75px;text-align: right;padding-top: 13px;" id="FILEPATHn">文件:</td>
  46. <td>
  47. <input type="file" name="File_name" id="uploadify1" keepDefaultStyle = "true"/>
  48. <input type="hidden" name="FILEPATH" id="FILEPATH" value=""/>
  49. </td>
  50. </tr>
  51. <tr>
  52. <td style="width:75px;text-align: right;padding-top: 13px;">备注:</td>
  53. <td><input type="text" name="BZ" id="BZ" value="" maxlength="100" placeholder="这里输入备注" title="备注" style="width:98%;"/></td>
  54. </tr>
  55. <tr>
  56. <td style="text-align: center;" colspan="10">
  57. <a class="btn btn-mini btn-primary" onclick="save();">保存</a>
  58. <a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
  59. </td>
  60. </tr>
  61. </table>
  62. </div>
  63. <div id="zhongxin2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
  64. </form>
  65. </div>
  66. <!-- /.col -->
  67. </div>
  68. <!-- /.row -->
  69. </div>
  70. <!-- /.page-content -->
  71. </div>
  72. </div>
  73. <!-- /.main-content -->
  74. </div>
  75. <!-- /.main-container -->
  76. <!-- 页面底部js¨ -->
  77. <%@ include file="../../system/index/foot.jsp"%>
  78. <!-- 下拉框 -->
  79. <script src="static/ace/js/chosen.jquery.js"></script>
  80. <!-- 日期框 -->
  81. <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
  82. <!--提示框-->
  83. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  84. <script type="text/javascript">
  85. $(top.hangge());
  86. //保存
  87. function save(){
  88. if($("#NAME").val()==""){
  89. $("#NAME").tips({
  90. side:3,
  91. msg:'请输入文件名',
  92. bg:'#AE81FF',
  93. time:2
  94. });
  95. $("#NAME").focus();
  96. return false;
  97. }
  98. if($("#hasTp1").val()=="no"){
  99. $("#FILEPATHn").tips({
  100. side:2,
  101. msg:'请选择文件',
  102. bg:'#AE81FF',
  103. time:2
  104. });
  105. return false;
  106. }
  107. if($("#BZ").val()==""){
  108. $("#BZ").tips({
  109. side:3,
  110. msg:'请输入备注',
  111. bg:'#AE81FF',
  112. time:2
  113. });
  114. $("#BZ").focus();
  115. return false;
  116. }
  117. $('#uploadify1').uploadifyUpload();
  118. }
  119. //====================上传=================
  120. $(document).ready(function(){
  121. var str='';
  122. $("#uploadify1").uploadify({
  123. 'buttonImg' : "<%=basePath%>static/images/fileup.png",
  124. 'uploader' : "<%=basePath%>plugins/uploadify/uploadify.swf",
  125. 'script' : "<%=basePath%>plugins/uploadify/uploadFile.jsp;jsessionid="+jsessionid,
  126. 'cancelImg' : "<%=basePath%>plugins/uploadify/cancel.png",
  127. 'folder' : "<%=basePath%>uploadFiles/uploadFile",//上传文件存放的路径,请保持与uploadFile.jsp中PATH的值相同
  128. 'queueId' : "fileQueue",
  129. 'queueSizeLimit' : 1,//限制上传文件的数量
  130. //'fileExt' : "*.rar,*.zip",
  131. //'fileDesc' : "RAR *.rar",//限制文件类型
  132. 'fileExt' : '*.*;*.*;*.*',
  133. 'fileDesc' : 'Please choose(.*, .*, .*)',
  134. 'auto' : false,
  135. 'multi' : true,//是否允许多文件上传
  136. 'simUploadLimit': 2,//同时运行上传的进程数量
  137. 'buttonText': "files",
  138. 'scriptData': {'uploadPath':'/uploadFiles/uploadFile/'},//这个参数用于传递用户自己的参数,此时'method' 必须设置为GET, 后台可以用request.getParameter('name')获取名字的值
  139. 'method' : "GET",
  140. 'onComplete':function(event,queueId,fileObj,response,data){
  141. str = response.trim();//单个上传完毕执行
  142. },
  143. 'onAllComplete' : function(event,data) {
  144. //alert(str); //全部上传完毕执行
  145. $("#FILEPATH").val(str);
  146. $("#Form").submit();
  147. $("#zhongxin").hide();
  148. $("#zhongxin2").show();
  149. },
  150. 'onSelect' : function(event, queueId, fileObj){
  151. $("#hasTp1").val("ok");
  152. }
  153. });
  154. });
  155. //====================上传=================
  156. //清除空格
  157. String.prototype.trim=function(){
  158. return this.replace(/(^\s*)|(\s*$)/g,'');
  159. };
  160. </script>
  161. </body>
  162. </html>