MK编辑器，无法上传多个图片

jeecgboot · Sep 24, 2024 · 4880548 · 4880548
1 parent 7fecdf9
commit 4880548
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/jeecgboot-vue3/src/components/Markdown/src/Markdown.vue b/jeecgboot-vue3/src/components/Markdown/src/Markdown.vue
@@ -12,6 +12,7 @@
   import { onMountedOrActivated } from '/@/hooks/core/onMountedOrActivated';
   import { getTenantId, getToken } from '/@/utils/auth';
   import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
+  import { uploadFile } from '@/api/common/api';
 
   type Lang = 'zh_CN' | 'en_US' | 'ja_JP' | 'ko_KR' | undefined;
 
@@ -161,7 +162,7 @@
           //update-begin-author:taoyan date:2022-5-24 for: VUEN-1090 markdown 无法上传
           upload: {
             accept: 'image/*',
-            url: uploadUrl,
+            //url: uploadUrl,
             fieldName: 'file',
             extraData: { biz: 'markdown' },
             setHeaders() {
@@ -173,6 +174,23 @@
             format(files, response) {
               return formatResult(files, response);
             },
+            // 遍历文件上传并展示
+            async handler(files) {
+              const uploadSuccess = (res) => {
+                // {"success":true,"message":"markdown/aa_1653391146501.png","code":0,"result":null,"timestamp":1653391146501}'
+                if (res.success) {
+                  vditorRef.value?.insertValue(`![${res.message}](${getFileAccessHttpUrl(res.message)})`);
+                }
+              };
+              for (const file of files) {
+                let params = {
+                  file: file,
+                  filename: file.name,
+                  data: { biz: 'markdown' },
+                };
+                await uploadFile(params, uploadSuccess);
+              }
+            },
           },
           //update-end-author:taoyan date:2022-5-24 for: VUEN-1090 markdown 无法上传
           input: (v) => {