1

src/api.js

@@ -222,3 +222,29 @@ export function validateNickName (name) {
     return res.data
   })
 }
+
+export function uploadFile(fileData) {
+  console.log(fileData)
+  const file = new window.File(
+    [fileData],
+    'temp-img',
+    { type: 'image/jpeg', }
+  )
+  console.log('file', file)
+
+  const formData = new FormData()
+  formData.append("type", 'img')
+  formData.append("file", file)
+
+  return axios({
+    method: 'post',
+    url: `${process.env.VUE_APP_DEPLOY_ORIGIN}/api/cms/game/upload`,
+    headers: {
+      token: store.state.token,
+      'Content-Type': 'multipart/form-data',
+    },
+    data: formData
+  }).then((res) => {
+    return res.data
+  })
+}

src/views/ShopView.vue

@@ -253,7 +253,8 @@ import {
   getRedeemRecord,
   getRankingListApi,
   checkRedeemApi,
-  getRedeemApi
+  getRedeemApi,
+  uploadFile,
 } from '@/api.js'
 import html2canvas from 'html2canvas'
 import { formatDate } from '@dage/utils'
@@ -418,14 +419,16 @@ const openCertImg = async(certName) => {
           if (blob) {
             certImgUrl.value = URL.createObjectURL(blob)
             isShowCertImg.value = true
+            uploadFile(blob)
           }
         },
         'image/jpeg',
         0.95,
       )
-      // const dataUrl = canvas.toDataURL()
+      // const dataUrl = canvas.toDataURL('image/jpeg')
       // certImgUrl.value = dataUrl
       // isShowCertImg.value = true
+      // uploadFile(dataUrl)
     })
   } finally {
     pageLoading.value = false