From 4648416f136857e3e5efa83759d82fde32e54a8c Mon Sep 17 00:00:00 2001
From: lzp <zpli@aidlab.hk>
Date: Thu, 19 Mar 2026 15:01:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=B1=E5=BA=A6=E7=94=BB=E5=B8=83=E8=BF=94?=
 =?UTF-8?q?=E5=9B=9E=E5=B7=A5=E4=BD=9C=E5=8F=B0base64=E8=BD=ACurl?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Canvas/DepthCanvas/index.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/Canvas/DepthCanvas/index.vue b/src/components/Canvas/DepthCanvas/index.vue
index 7da29f0..f560050 100644
--- a/src/components/Canvas/DepthCanvas/index.vue
+++ b/src/components/Canvas/DepthCanvas/index.vue
@@ -7,6 +7,8 @@
 </template>
 
 <script setup lang="ts">
+	import { base64Tofile } from '../tools/tools'
+	import { uploadImage } from '@/api/upload'
 	import FullscreenDialog from '../components/fullscreen-dialog.vue'
 	import depthCanvas from './depth-canvas.vue'
 	import { ref } from 'vue'
@@ -24,11 +26,17 @@
 		dialogVisible.value = true
 	}
 	// 工作区
-	const onWorkbench = (options) => {
-		dialogVisible.value = false
+	const onWorkbench = async (options) => {
 		const json = options.json
+
 		sessionStorage.setItem('canvasJson_' + config.value.id, json)
-		config.value.onWorkbench?.({ url: options.url })
+
+		const file = base64Tofile(options.url, 'canvas.png')
+		const formData = new FormData()
+		formData.append('file', file)
+		const url = await uploadImage(formData)
+		config.value.onWorkbench?.({ url })
+		dialogVisible.value = false
 	}
 	// 关闭
 	const onClose = () => {