file_add.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>上传文件</title>
  7. </head>
  8. <body layout:fragment="content">
  9. <article class="page-container">
  10. <form class="form form-horizontal" id="form-File-add">
  11. <input type="hidden" id="fileIdName" th:value="${fileIdName}"/>
  12. <input type="hidden" id="material_type" th:value="${material_type}"/>
  13. <div class="row cl">
  14. <label class="form-label col-xs-4 col-sm-2">上传材料:</label>
  15. <div class="formControls col-xs-8 col-sm-9">
  16. <div class="uploader-thum-container">
  17. <div id="fileListPre" class="uploader-list">
  18. </div>
  19. <div id="filePicker">选择文件</div>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="row cl">
  24. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  25. <a class="btn btn-primary radius" onClick="saveFile()" ><i class="Hui-iconfont">&#xe632;</i>保存</a>
  26. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
  27. </div>
  28. </div>
  29. </form>
  30. </article>
  31. <script type="text/javascript" th:src="@{/js/company/stock_land/file_add.js}"></script>
  32. <script th:inline="javascript">
  33. /**
  34. * 初始化上传控件
  35. */
  36. var options = {
  37. uploadBtnId: '#filePicker',
  38. picturePreId: 'fileListPre',
  39. hiddenPictureUrl: 'img',
  40. hiddenPictureName: 'imgName',
  41. // accept : {
  42. // title : 'Images',
  43. // extensions : 'gif,jpg,jpeg,bmp,png',
  44. // mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  45. // },
  46. width: 81,
  47. height: 81,
  48. fileSizeLimit: 100 * 1024 * 1024,
  49. fileSingleSizeLimit: 100 * 1024 * 1024
  50. // fileNumLimit: 1
  51. };
  52. var webUploadDoc = new $WebUploadDoc(options);
  53. webUploadDoc.init();
  54. function saveFile(){
  55. if($("#fileListPre").find("input[name='fileDown.file_id']").length==0){
  56. errorMessage('请上传正确文件!');
  57. }else{
  58. var file_name = $("#fileListPre").find(".info").text();
  59. var file_id = $("#fileListPre").find("input[name='fileDown.file_id']").val();
  60. if( $.trim(file_name) == "" || $.trim(file_id) == "" ){
  61. errorMessage('文件未上传完成!');
  62. return false;
  63. }
  64. var material_type = $("#material_type").val();
  65. //var fileIdName = $("#fileIdName").val();
  66. if(null != material_type && material_type != ''){
  67. var td = parent.$(".uploadFileId[id='"+material_type+"']").parent("td");
  68. }
  69. $(td).find(".uploadFileName").val(file_name);
  70. $(td).find(".uploadFileId").val(file_id);
  71. //$(td).find(".oldFile").remove();
  72. var index = parent.layer.getFrameIndex(window.name);
  73. parent.layer.close(index);
  74. }
  75. }
  76. /**
  77. * 取消
  78. */
  79. function removeIframe() {
  80. var index = parent.layer.getFrameIndex(window.name);
  81. parent.layer.close(index);
  82. }
  83. </script>
  84. </body>
  85. </html>