From 3366efaadde703290d63753b55771ab9dab44daf Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Sat, 15 Nov 2025 20:36:50 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E5=A4=84=E7=90=86=E6=8B=93?=
 =?UTF-8?q?=E5=B1=95=E8=A7=A3=E6=9E=90=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/viewPost/tp-image.vue         |  8 ++++----
 src/components/viewPost/vp-overlay-image.vue | 16 ++++++++++++----
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/viewPost/tp-image.vue b/src/components/viewPost/tp-image.vue
index d0a422b9..f918e7b2 100644
--- a/src/components/viewPost/tp-image.vue
+++ b/src/components/viewPost/tp-image.vue
@@ -129,11 +129,11 @@ function getImageTitle(): string {
 
 function getImageExt(): string {
   if (props.data.attributes && props.data.attributes.ext) return props.data.attributes.ext;
-  if (typeof props.data.insert.image === "string") {
-    const arr = props.data.insert.image.split(".");
-    return arr[arr.length - 1];
+  if (typeof props.data.insert.image !== "string") {
+    return props.data.insert.image.format;
   }
-  return props.data.insert.image.format;
+  const arr = oriUrl.value.split(".");
+  return arr[arr.length - 1];
 }
 </script>
 <style lang="scss" scoped>
diff --git a/src/components/viewPost/vp-overlay-image.vue b/src/components/viewPost/vp-overlay-image.vue
index b9b14820..12646ff0 100644
--- a/src/components/viewPost/vp-overlay-image.vue
+++ b/src/components/viewPost/vp-overlay-image.vue
@@ -73,10 +73,7 @@ const format = defineModel<string>("format", { default: "png" });
 const bgMode = ref<number>(0); // 0: transparent, 1: black, 2: white
 const isOriSize = ref<boolean>(false);
 const buffer = shallowRef<Uint8Array | null>(null);
-const oriLink = computed<string>(() => {
-  const image = props.image.insert.image;
-  return typeof image === "string" ? image : image.url;
-});
+const oriLink = computed<string>(() => miniImgUrl());
 const showCopy = computed<boolean>(() => {
   // 只能显示 png/jpg/jpeg/webp 格式的复制按钮
   return ["png", "jpg", "jpeg", "webp"].includes(format.value.toLowerCase());
@@ -124,6 +121,17 @@ async function onDownload(): Promise<void> {
   await saveCanvasImg(buffer.value, fileName, format.value);
   await showLoading.end();
 }
+
+function miniImgUrl(): string {
+  let url: string;
+  if (typeof props.image.insert.image === "string") {
+    url = props.image.insert.image;
+  } else {
+    url = props.image.insert.image.url;
+  }
+  const link = new URL(url);
+  return `${link.origin}${link.pathname}`;
+}
 </script>
 <style lang="css" scoped>
 .tpoi-box {