5.0版本 发布 新增 cadviewer转换方法

server/src/main/resources/web/picture.ftl

@@ -6,6 +6,7 @@
     <#include "*/commonHeader.ftl">
     <link rel="stylesheet" href="css/viewer.min.css">
     <script src="js/viewer.min.js"></script>
+    <script src="js/base64.min.js"></script>
     <style>
         body {
             background-color: #404040;
@@ -19,30 +20,61 @@
 
 <ul id="image">
     <#list imgUrls as img>
-	<#if img?contains("http://") || img?contains("https://")|| img?contains("ftp://")|| img?contains("file://")>
+    <#if img?contains("http://") || img?contains("https://")|| img?contains("ftp://")|| img?contains("file://")>
     <#assign finalUrl="${img}">
-     <#else>
+    <#else>
     <#assign finalUrl="${baseUrl}${img}">
-     </#if>
-      <li><div src="${finalUrl}" style="display: none"></li>
+    </#if>
+    <li><div src="${finalUrl}" data-original-url="${finalUrl}" style="display: none"></li>
     </#list>
 </ul>
+
 <script>
- document.addEventListener('DOMContentLoaded', function () {
-        var viewer = new Viewer(document.getElementById('image'), {
-        url: 'src',
-        navbar: false,
-        button: false,
-        backdrop: false,
-        loop : true,
-            });
-            viewer.view(0); // 0 是图片的索引，如果你想点击第一张图片，索引为 0
+    // 获取反代配置
+    var kkagent = '${kkagent}';
+    // 处理图片URL，如果需要反代则替换URL
+    function processImageUrls() {
+        var imageElements = document.querySelectorAll('#image li div');
+        
+        imageElements.forEach(function(imgDiv) {
+            var originalUrl = imgDiv.getAttribute('data-original-url');
+            var finalUrl = originalUrl;
+            
+            // 检查是否需要反代
+            if (kkagent === 'true') {
+                finalUrl = '${baseUrl}' + 'getCorsFile?urlPath=' + encodeURIComponent(Base64.encode(originalUrl));
+            }
+            
+            // 更新src属性
+            imgDiv.setAttribute('src', finalUrl);
         });
+    }
+    
+    // 初始化图片查看器
+    function initImageViewer() {
+        var viewer = new Viewer(document.getElementById('image'), {
+            url: 'src',
+            navbar: false,
+            button: false,
+            backdrop: false,
+            loop: true,
+        });
+        viewer.view(0); // 0 是图片的索引，如果你想点击第一张图片，索引为 0
+    }
+    
+    // 页面加载完成后初始化
+    document.addEventListener('DOMContentLoaded', function () {
+        // 先处理图片URL
+        processImageUrls();
+        
+        // 然后初始化图片查看器
+        initImageViewer();
+    });
+    
     /*初始化水印*/
     window.onload = function() {
         initWaterMark();
     }
 </script>
 </body>
-
-</html>
+</html>