ofd.ftl 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0">
  6. <title>${file.name}OFD预览</title>
  7. <#include "*/commonHeader.ftl">
  8. <script src="js/base64.min.js" type="text/javascript"></script>
  9. </head>
  10. <body>
  11. <#if currentUrl?contains("http://") || currentUrl?contains("https://")>
  12. <#assign finalUrl="${currentUrl}">
  13. <#else>
  14. <#assign finalUrl="${baseUrl}${currentUrl}">
  15. </#if>
  16. <iframe src="" width="100%" frameborder="0"></iframe>
  17. </body>
  18. <script type="text/javascript">
  19. var url = '${finalUrl}';
  20. var baseUrl = '${baseUrl}'.endsWith('/') ? '${baseUrl}' : '${baseUrl}' + '/';
  21. if (!url.startsWith(baseUrl)) {
  22. url = baseUrl + 'getCorsFile?urlPath=' + encodeURIComponent(Base64.encode(url));
  23. }
  24. if(IsPhone()){
  25. document.getElementsByTagName('iframe')[0].src = "${baseUrl}ofd/index.html?file=" + encodeURIComponent(url)+"&scale=width";
  26. }else{
  27. document.getElementsByTagName('iframe')[0].src = "${baseUrl}ofd/index.html?file="+ encodeURIComponent(url)+"";
  28. }
  29. document.getElementsByTagName('iframe')[0].height = document.documentElement.clientHeight - 10;
  30. /**
  31. * 页面变化调整高度
  32. */
  33. window.onresize = function () {
  34. var fm = document.getElementsByTagName("iframe")[0];
  35. fm.height = window.document.documentElement.clientHeight - 10;
  36. }
  37. function IsPhone() {
  38. var info = navigator.userAgent;
  39. //通过正则表达式的test方法判断是否包含“Mobile”字符串
  40. var isPhone = /mobile/i.test(info);
  41. //如果包含“Mobile”(是手机设备)则返回true
  42. return isPhone;
  43. }
  44. /*初始化水印*/
  45. window.onload = function () {
  46. initWaterMark();
  47. }
  48. </script>
  49. </html>