图片预览

.env

@@ -17,6 +17,6 @@ VITE_GLOB_APP_OPEN_SSO = false
 VITE_GLOB_APP_OPEN_QIANKUN=true
 
 # 文件预览地址
-VITE_GLOB_ONLINE_VIEW_URL=http://fileview.jeecg.com/onlinePreview
+VITE_GLOB_ONLINE_VIEW_URL=http://36.40.79.205:88/files
 
 

src/components/Form/src/jeecg/components/JUpload/JUpload.vue

@@ -66,6 +66,7 @@
   import { UploadTypeEnum } from './upload.data';
   import UploadItemActions from './components/UploadItemActions.vue';
   import Mapbj from '@/components/customComponent/mapbj.vue';
+  import { getAppEnvConfig } from '/@/utils/env';
 
   const { createMessage, createConfirm } = useMessage();
   const { prefixCls } = useDesign('j-upload');
@@ -74,6 +75,8 @@
   const mapShow = ref(false);
   const previewShow = ref(false);
   const previewUrl = ref('');
+  
+  let {VITE_GLOB_ONLINE_VIEW_URL} = getAppEnvConfig();
 
   const props = defineProps({
     value: propTypes.oneOfType([propTypes.string, propTypes.array]),
@@ -113,7 +116,12 @@
   });
   const toPreview = () => {
     previewShow.value = true;
-    previewUrl.value = fileList.value[0].url;
+    if (fileList.value[0].url && ['jpg','png','PNG','JPG'].includes(fileList.value[0].url.split(".")[1])) {
+      previewUrl.value = VITE_GLOB_ONLINE_VIEW_URL+fileList.value[0].url;
+    } else {
+      previewUrl.value = fileList.value[0].url;
+    }
+    
   };
 
   const isUploading = ref<boolean>(false);