file_add.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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="fileTemplateId" th:value="${template_id}"/>
  12. <input type="hidden" id="fileMaterialType" th:value="${material_type}"/>
  13. <input type="hidden" id="fileIdName" th:value="${fileIdName}"/>
  14. <div class="row cl">
  15. <label class="form-label col-xs-4 col-sm-2">上传材料:</label>
  16. <div class="formControls col-xs-8 col-sm-9">
  17. <div class="uploader-thum-container">
  18. <div id="fileListPre" class="uploader-list">
  19. </div>
  20. <div id="filePicker">选择文件</div>
  21. </div>
  22. </div>
  23. </div>
  24. <div class="row cl">
  25. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  26. <a class="btn btn-primary radius" onClick="saveFile()" ><i class="Hui-iconfont">&#xe632;</i>保存</a>
  27. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
  28. </div>
  29. </div>
  30. </form>
  31. </article>
  32. <script type="text/javascript" th:src="@{/js/company/stock_land/file_add.js}"></script>
  33. <script th:inline="javascript">
  34. /**
  35. * 初始化上传控件
  36. */
  37. var options = {
  38. uploadBtnId: '#filePicker',
  39. picturePreId: 'fileListPre',
  40. hiddenPictureUrl: 'img',
  41. hiddenPictureName: 'imgName',
  42. // accept : {
  43. // title : 'Images',
  44. // extensions : 'gif,jpg,jpeg,bmp,png',
  45. // mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  46. // },
  47. width: 81,
  48. height: 81,
  49. fileSizeLimit: 100 * 1024 * 1024,
  50. fileSingleSizeLimit: 100 * 1024 * 1024
  51. // fileNumLimit: 1
  52. };
  53. var webUploadDoc = new $WebUploadDoc(options);
  54. webUploadDoc.init();
  55. /**
  56. * 取消
  57. */
  58. function removeIframe() {
  59. var index = parent.layer.getFrameIndex(window.name);
  60. parent.layer.close(index);
  61. }
  62. </script>
  63. </body>
  64. </html>