fileManageUploadFieldDialog.jsp 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
  1. <%@page language="java" pageEncoding="UTF-8"%>
  2. <%@include file="/commons/include/html_doctype.html"%>
  3. <html>
  4. <head>
  5. <title>文件上传管理</title>
  6. <%@include file="/commons/include/form.jsp"%>
  7. <script type="text/javascript"
  8. src="${ctx}/js/hotent/platform/system/SysDialog.js"></script>
  9. <script type="text/javascript" src="${ctx}/js/hotent/CustomValid.js"></script>
  10. <link href="${ctx}/styles/swfupload/form.upload.css" rel="stylesheet"
  11. type="text/css" />
  12. <script type="text/javascript" src="${ctx}/js/swfupload/swfupload.js"></script>
  13. <script type="text/javascript" src="${ctx}/js/swfupload/fileprogress.js"></script>
  14. <script type="text/javascript" src="${ctx}/js/swfupload/handlers.form.upload.js"></script>
  15. <script type="text/javascript" src="${ctx}/js/hotent/platform/form/OfficeControl.js"></script>
  16. <script type="text/javascript" src="${ctx}/js/hotent/platform/form/OfficePlugin.js"></script>
  17. <script type="text/javascript">
  18. $(function() {
  19. $("a.upload").click(function() {
  20. var form = $('#uploadFileForm');
  21. if (!form.valid())
  22. return;
  23. if (saveChange()) {
  24. var jsonParams = $("#jsonParams").val();
  25. swfu.addPostParam("jsonParams", jsonParams);
  26. // handlers.form.upload 中方法,用swfupload中的方法提交
  27. doSubmit();
  28. }
  29. });
  30. // 权限
  31. changePermis();
  32. });
  33. //
  34. function saveChange() {
  35. var categoryId = $("#categoryId").val();
  36. var allPermis = 1; // 1,表示默认所有人都有权限
  37. if (typeof $("#allPermis").attr("checked") == 'undefined') {
  38. allPermis = 0;
  39. }
  40. var userIds = $("#userIds").val();
  41. var userNames = $("#userNames").val();
  42. var posIds = $("#posIds").val();
  43. var posNames = $("#posNames").val();
  44. var roleIds = $("#roleIds").val();
  45. var roleNames = $("#roleNames").val();
  46. var remarks = $("#remarks").val();
  47. var fileManageJson = {
  48. categoryId : categoryId,
  49. allPermis : allPermis,
  50. userPermis : userIds,
  51. userPermisName : userNames,
  52. postPermis : posIds,
  53. postpermisName : posNames,
  54. rolePermis : roleIds,
  55. rolePermisName : roleNames,
  56. remarks : remarks
  57. };
  58. var jsonStr = JSON2.stringify(fileManageJson);
  59. $("#jsonParams").val(jsonStr);
  60. return true;
  61. }
  62. // 选择用户
  63. function selectUsers() {
  64. UserDialog({
  65. isSingle : false,
  66. callback : function(userIds, fullnames, email, mobile, json) {
  67. $("#userIds").val(userIds);
  68. $("#userNames").val(fullnames);
  69. }
  70. });
  71. }
  72. // 选择岗位
  73. function selectPos() {
  74. PosDialog({
  75. isSingle : false,
  76. callback : function(roleIds, rolenames, json) {
  77. $("#posIds").val(roleIds);
  78. $("#posNames").val(rolenames);
  79. }
  80. });
  81. }
  82. // 选择角色
  83. function selectRole() {
  84. RoleDialog({
  85. isSingle : false,
  86. callback : function(roleIds, rolenames, json) {
  87. $("#roleIds").val(roleIds);
  88. $("#roleNames").val(rolenames);
  89. }
  90. });
  91. }
  92. // 重置用户
  93. function resetSelectUsers() {
  94. $("#userIds").val('');
  95. $("#userNames").val('');
  96. }
  97. // 重置岗位
  98. function resetselectPos() {
  99. $("#posIds").val('');
  100. $("#posNames").val('');
  101. }
  102. // 重置角色
  103. function resetSelectRole() {
  104. $("#roleIds").val('');
  105. $("#roleNames").val('');
  106. }
  107. // 改变权限
  108. function changePermis() {
  109. if (typeof $("#allPermis").attr("checked") == 'undefined') {
  110. $("#userPermis").show();
  111. $("#rolePermis").show();
  112. $("#postPrmis").show();
  113. } else {
  114. $("#userPermis").hide();
  115. $("#rolePermis").hide();
  116. $("#postPrmis").hide();
  117. }
  118. }
  119. // 关闭窗口
  120. function closeWr() {
  121. parent.reload();
  122. }
  123. var swfu;
  124. window.onload = function() {
  125. swfu = new SWFUpload({
  126. // Backend settings
  127. upload_url : "${ctx}/platform/file/fileManage/uploadFile.ht;jsessionid="+__jsessionId,
  128. file_post_name : "resume_file",
  129. // Flash file settings
  130. file_size_limit : "500 MB",
  131. file_types : "*.*", // or you could use something like: "*.doc;*.wpd;*.pdf",
  132. file_types_description : "All Files",
  133. file_upload_limit : 0,
  134. file_queue_limit : 1,
  135. // Event handler settings
  136. file_dialog_start_handler : fileDialogStart,
  137. file_queued_handler : fileQueued,
  138. file_queue_error_handler : fileQueueError,
  139. //upload_start_handler : uploadStart, // I could do some client/JavaScript validation here, but I don't need to.
  140. swfupload_preload_handler : preLoad,
  141. swfupload_load_failed_handler : loadFailed,
  142. upload_progress_handler : uploadProgress,
  143. upload_error_handler : uploadError,
  144. upload_success_handler : uploadSuccess,
  145. upload_complete_handler : uploadComplete,
  146. // Button Settings
  147. button_image_url : "${ctx}/styles/swfupload/XPButtonUpload.png",
  148. button_placeholder_id : "spanButtonPlaceholder",
  149. button_width : 61,
  150. button_height : 22,
  151. // Flash Settings
  152. flash_url : "${ctx}/js/swfupload/swfupload.swf",
  153. flash9_url : "${ctx}/js/swfupload/swfuploadbutton.swf",
  154. custom_settings : {
  155. progress_target : "fsUploadProgress",
  156. upload_successful : false
  157. },
  158. // Debug settings
  159. debug : false
  160. });
  161. };
  162. /*
  163. 上传完成后的回调
  164. */
  165. function uploadComplete(file) {
  166. try {
  167. $.ligerDialog.confirm("上传成功,是否继续操作", "提示信息",
  168. function(rtn) {
  169. if (rtn) {
  170. // ....
  171. $("#txtFileName").val('');
  172. } else {
  173. closeWr();
  174. }
  175. });
  176. } catch (e) {
  177. }
  178. }
  179. </script>
  180. </head>
  181. <body>
  182. <div class="panel">
  183. <div class="panel-top">
  184. <div class="tbar-title">
  185. <span class="tbar-label">文件上传</span>
  186. </div>
  187. <div class="panel-toolbar">
  188. <div class="toolBar">
  189. <div class="group">
  190. <a class="link upload" id="btnSubmit" href="javascript:;"><span></span>上传</a>
  191. </div>
  192. <div class="l-bar-separator"></div>
  193. <div class="group">
  194. <a class="link close" href="javascript:;" onclick="closeWr();"><span></span>关闭</a>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <div class="panel-body">
  200. <form id="uploadFileForm" method="post" action="uploadFile.ht"
  201. enctype="multipart/form-data">
  202. <input type="hidden" name="jsonParams" id="jsonParams" />
  203. <table class="table-detail" cellpadding="0" cellspacing="0"
  204. border="0">
  205. <tr>
  206. <th width="20%">所有人:</th>
  207. <td><input type="checkbox" checked="checked" id="allPermis"
  208. name="allPermis" onclick="changePermis();" />
  209. </td>
  210. </tr>
  211. <tr>
  212. <th width="20%">分类:</th>
  213. <td><select id="categoryId" name="categoryId">
  214. <c:forEach items="${globalTypeList}" var="globalType">
  215. <option value="${globalType.typeId}"
  216. <c:if test="${globalType.typeId eq categoryId}">selected="selected"</c:if>>${globalType.typeName}</option>
  217. </c:forEach>
  218. </select>
  219. </td>
  220. </tr>
  221. <tr>
  222. <th width="20%">备注:</th>
  223. <td><textarea id="remarks" name="remarks" cols="40" rows="3"></textarea>
  224. </td>
  225. </tr>
  226. <tr>
  227. <th width="20%">文件上传:</th>
  228. <td><input type="text" id="txtFileName" readonly="readonly"
  229. size="80" /> <span id="spanButtonPlaceholder"></span> (文件最大:500 MB)
  230. <div class="flash" id="fsUploadProgress"></div></td>
  231. </tr>
  232. <tr id="userPermis">
  233. <th width="20%">用户授权:</th>
  234. <td><input type="hidden" id="userIds" name="userIds">
  235. <textarea readonly="readonly" id="userNames" name="userNames"
  236. cols="40" rows="3"></textarea> <span class="bottom"
  237. style="margin-top: 10px;"> <a href="javascript:;" class="button"
  238. onclick="selectUsers()" style="margin-right: 10px;"><span
  239. class="icon ok"></span><span>选择</span>
  240. </a> <a href="javascript:;" class="button" onclick="resetSelectUsers()"><span
  241. class="icon cancel"></span><span class="chosen">清空</span>
  242. </a> </span></td>
  243. </tr>
  244. <tr id="rolePermis">
  245. <th width="20%">岗位授权:</th>
  246. <td><input type="hidden" id="posIds" name="posIds"> <textarea
  247. readonly="readonly" id="posNames" name="posNames" cols="40"
  248. rows="3"></textarea> <span class="bottom"
  249. style="margin-top: 10px;"> <a href="javascript:;" class="button"
  250. onclick="selectPos()" style="margin-right: 10px;"><span
  251. class="icon ok"></span><span>选择</span>
  252. </a> <a href="javascript:;" class="button" onclick="resetselectPos()"><span
  253. class="icon cancel"></span><span class="chosen">清空</span>
  254. </a> </span></td>
  255. </tr>
  256. <tr id="postPrmis">
  257. <th width="20%">角色授权:</th>
  258. <td><input type="hidden" id="roleIds" name="roleIds">
  259. <textarea readonly="readonly" id="roleNames" name="roleNames"
  260. cols="40" rows="3"></textarea> <span class="bottom"
  261. style="margin-top: 10px;"> <a href="javascript:;" class="button"
  262. onclick="selectRole()" style="margin-right: 10px;"><span
  263. class="icon ok"></span><span>选择</span>
  264. </a> <a href="javascript:;" class="button" onclick="resetSelectRole()"><span
  265. class="icon cancel"></span><span class="chosen">清空</span>
  266. </a> </span></td>
  267. </tr>
  268. </table>
  269. </form>
  270. </div>
  271. </div>
  272. </body>
  273. </html>