fix: 图片裁剪兼容本地图片不存在src的情况

ikuaitu · Nov 13, 2024 · 69a9400 · 69a9400
1 parent 08b0bfa
commit 69a9400
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/src/components/cropperImg.vue b/src/components/cropperImg.vue
@@ -24,20 +24,23 @@ const cropper = () => {
   const activeObject = canvasEditor.canvas.getActiveObjects()[0];
   if (activeObject && activeObject.type === 'image') {
     console.log('🚀 ~ cropper ~ activeObject:', activeObject);
-    cropperDialogRef.value.open({ img: activeObject.src }, async (data) => {
-      console.log('🚀 ~ cropper ~ data:', data);
-      const imgEl = await insertImgFile(data);
-      const width = activeObject.get('width');
-      const height = activeObject.get('height');
-      const scaleX = activeObject.get('scaleX');
-      const scaleY = activeObject.get('scaleY');
-      activeObject.setSrc(imgEl.src, () => {
-        activeObject.set('scaleX', (width * scaleX) / imgEl.width);
-        activeObject.set('scaleY', (height * scaleY) / imgEl.height);
-        canvasEditor.canvas.renderAll();
-      });
-      imgEl.remove();
-    });
+    cropperDialogRef.value.open(
+      { img: activeObject.src || activeObject._element.src },
+      async (data) => {
+        console.log('🚀 ~ cropper ~ data:', data);
+        const imgEl = await insertImgFile(data);
+        const width = activeObject.get('width');
+        const height = activeObject.get('height');
+        const scaleX = activeObject.get('scaleX');
+        const scaleY = activeObject.get('scaleY');
+        activeObject.setSrc(imgEl.src, () => {
+          activeObject.set('scaleX', (width * scaleX) / imgEl.width);
+          activeObject.set('scaleY', (height * scaleY) / imgEl.height);
+          canvasEditor.canvas.renderAll();
+        });
+        imgEl.remove();
+      }
+    );
   }
 };