From 64c7fa9cbfbd354f9ba28fb44258af5b175fc93b Mon Sep 17 00:00:00 2001
From: Dogtiti <499960698@qq.com>
Date: Sat, 1 Apr 2023 23:56:33 +0800
Subject: [PATCH] fix: export method

---
 app/components/home.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/components/home.tsx b/app/components/home.tsx
index 2acb0f73a..dfa44658a 100644
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -367,12 +367,12 @@ export function Chat(props: {
       ),
       actions: [
         <IconButton
-          key="exportPng"
+          key="exportJpeg"
           icon={<ExportImage />}
           bordered
           text={Locale.Chat.Actions.ExportImage}
           onClick={() => {
-            dataUrl.current && exportPng(topic, dataUrl.current);
+            dataUrl.current && exportJpeg(topic, dataUrl.current);
           }}
         />,
       ],
@@ -632,11 +632,13 @@ function showMemoryPrompt(session: ChatSession) {
   });
 }
 
-function exportPng(topic: string, dataURL: string) {
-  const a = document.createElement("a");
-  a.href = dataURL;
-  a.download = `${topic}-${new Date().toLocaleString()}.jpg`;
-  a.click();
+function exportJpeg(topic: string, dataURL: string) {
+  const link = document.createElement("a");
+  link.href = dataURL;
+  link.download = `${topic}-${new Date().toLocaleString()}.jpg`;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
 }
 
 const useHasHydrated = () => {