fix: filename of downloaded image

YurierDept · Jan 26, 2024 · 824f6c5 · 824f6c5
1 parent fa6b014
commit 824f6c5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/components/ResultItem.vue b/components/ResultItem.vue
@@ -40,7 +40,7 @@ async function copyTitle() {
       </Badge>
     </span>
     <ul>
-      <TokutenItem v-for="item in data.items" :data="item" />
+      <TokutenItem v-for="(item, i) in data.items" :title="data.title" :index="i" :data="item" />
     </ul>
   </li>
 </template>
diff --git a/components/TokutenItem.vue b/components/TokutenItem.vue
@@ -5,14 +5,15 @@ import { toast } from 'vue-sonner';
 import { Download, Copy, ClipboardCopy } from 'lucide-vue-next';
 
 const props = defineProps<{
+  title: string;
+  index: number;
   data: DetailItem;
 }>();
 
 const img = useImage();
 
 async function downloadImage() {
   try {
-    const imageURL = new URL(props.data.image);
     const image = img(props.data.image);
     console.log(`下载图片:`, image);
     const blob = await $fetch<Blob>(image, { responseType: 'blob' });
@@ -21,7 +22,7 @@ async function downloadImage() {
     // 创建 a 标签
     const a = document.createElement('a');
     a.href = url;
-    a.download = imageURL.pathname.split('/').at(-1) || 'downloaded_image';
+    a.download = `${props.title}_${props.index}`;
     a.click();
 
     // 清理