svg.ftl 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>${file.name}文件预览</title>
  5. <meta charset="utf-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
  7. <#include "*/commonHeader.ftl">
  8. <script src="js/jquery-3.6.1.min.js" type="text/javascript"></script>
  9. <script src="js/svg-pan-zoom.js"></script>
  10. <script src="js/base64.min.js"></script>
  11. <#if currentUrl?contains("http://") || currentUrl?contains("https://") || currentUrl?contains("ftp://")>
  12. <#assign finalUrl="${currentUrl}">
  13. <#else>
  14. <#assign finalUrl="${baseUrl}${currentUrl}">
  15. </#if>
  16. </head>
  17. <body>
  18. <div id="container">
  19. </div>
  20. <script type="text/javascript">
  21. var url = '${finalUrl}';
  22. var baseUrl = '${baseUrl}'.endsWith('/') ? '${baseUrl}' : '${baseUrl}' + '/';
  23. if (!url.startsWith(baseUrl)) {
  24. url = baseUrl + 'getCorsFile?urlPath=' + encodeURIComponent(Base64.encode(url));
  25. }
  26. function createNewEmbed(src){
  27. var lastEventListener = null;
  28. var gaodu1 =$(document).height();
  29. var gaodu=gaodu1-5;
  30. var embed = document.createElement('embed');
  31. embed.setAttribute('style', 'width: 99%; height: '+gaodu+'px; border:1px solid black;');
  32. embed.setAttribute('type', 'image/svg+xml');
  33. embed.setAttribute('src', src);
  34. $('#container').html(embed);
  35. lastEventListener = function(){
  36. svgPanZoom(embed, {
  37. zoomEnabled: true,
  38. controlIconsEnabled: true
  39. });
  40. }
  41. embed.addEventListener('load', lastEventListener)
  42. return embed;
  43. }
  44. createNewEmbed(url);
  45. /*初始化水印*/
  46. window.onload = function () {
  47. initWaterMark();
  48. }
  49. </script>
  50. </body>
  51. </html>