Fix : Modify image save button error

- #8
Make-Zenerator · Mar 13, 2024 · e57d228 · e57d228
1 parent e5a99d2
commit e57d228
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 8 deletions.
diff --git a/mz_v1_front/src/components/button/result_save.svelte b/mz_v1_front/src/components/button/result_save.svelte
@@ -1,14 +1,19 @@
 <script>
-    export let targetImage = "target_image_path.jpg";
+    export let targetImage = "/join/placeholder-image2.svg";
+    export let fileName = "default";
     
-    function downloadImage() {
+    async function downloadImage() {
+    const response = await fetch(targetImage);
+    const blob = await response.blob();
+    const url = window.URL.createObjectURL(blob);
     const a = document.createElement('a');
-    a.href = targetImage;
-    a.download = targetImage.split('/').pop(); // 원하는 파일 이름으로 변경하세요.
+    a.href = url;
+    a.download = fileName+"."+targetImage.split('.').pop();
     document.body.appendChild(a);
     a.click();
+    window.URL.revokeObjectURL(url);
     document.body.removeChild(a);
-  }
+}
 </script>
 
 <img on:click={downloadImage}

diff --git a/mz_v1_front/src/routes/infogather/+page.svelte b/mz_v1_front/src/routes/infogather/+page.svelte
@@ -45,7 +45,6 @@
     formData.append('age', info_age);
     formData.append('gender', info_gender);
     if (audioBlob) {
-      console.log(typeof(audioBlob));
     formData.append('file', audioBlob, 'svelte_audio.wav');
   }
 

diff --git a/mz_v1_front/src/routes/result/+page.svelte b/mz_v1_front/src/routes/result/+page.svelte
@@ -213,7 +213,7 @@ style="
             "
           >
           <StarRating ABtype='voice' result_id={id} latest_id={latest_id} />
-          <SaveImage targetImage= {results.voice_image_url}/>
+          <SaveImage targetImage= {results.voice_image_url} fileName="voice"/>
 
           </div>
 
@@ -326,7 +326,7 @@ style="
             "
           >
           <StarRating ABtype= 'condition' result_id={id} latest_id={latest_id}/>
-          <SaveImage targetImage={results.condition_image_url} />
+          <SaveImage targetImage={results.condition_image_url} fileName="condition"/>
 
           </div>
 

diff --git a/mz_v1_front/static/join/mic.svg b/mz_v1_front/static/join/mic.svg