bug fix: app中无法下载canvas生成的图片

src/api.js

@@ -227,7 +227,7 @@ export function uploadFile(fileData) {
   console.log(fileData)
   const file = new window.File(
     [fileData],
-    'temp-img',
+    '锡善云城-证书.jpg',
     { type: 'image/jpeg', }
   )
   console.log('file', file)
@@ -245,6 +245,6 @@ export function uploadFile(fileData) {
     },
     data: formData
   }).then((res) => {
-    return res.data
+    return res.data.data.filePath
   })
 }

src/views/ShopView.vue

@@ -415,11 +415,12 @@ const openCertImg = async(certName) => {
         useCORS: true,
       })
       canvas.toBlob(
-        (blob) => {
+        async (blob) => {
           if (blob) {
-            certImgUrl.value = URL.createObjectURL(blob)
+            const uploadRes = await uploadFile(blob)
+            // certImgUrl.value = URL.createObjectURL(blob)
+            certImgUrl.value = `${process.env.VUE_APP_DEPLOY_ORIGIN}${uploadRes}`
             isShowCertImg.value = true
-            uploadFile(blob)
           }
         },
         'image/jpeg',
@@ -819,6 +820,7 @@ const getRedeem = async() => {
       object-fit: contain;
     }
     >a.btn-download{
+      display: none;
       position: absolute;
       left: 50%;
       transform: translateX(-50%);