评论包含的图片上传到 OSS 中

src/components/card/comment-card.vue

@@ -168,21 +168,42 @@ export default {
     },
     async uploadImg({ file, callback }) {
       const res = await new Promise((resolve, reject) => {
-        const reader = new FileReader()
+        const formData = new FormData()
+        formData.append('file', file)
+        fetch(`//api.reghao.cn/api/file/upload/image`, {
+          headers: {
+            'Authorization': 'Bearer ' + this.$store.getters.token
+          },
+          method: 'POST',
+          credentials: 'include',
+          body: formData
+        }).then(response => response.json())
+          .then(json => {
+            if (json.code === 0) {
+              /* this.videoPost.coverFileId = json.data.imageFileId
+              this.videoPost.imageUrl = json.data.imageUrl*/
+              resolve(json.data.imageUrl)
+            } else {
+              this.message = '图片上传失败，请重试！' + json.message
+              this.showMessage = true
+            }
+          })
+          .catch(e => {
+            reject(e)
+          })
 
+        /* 读取本地文件为 base64 编码并显示
+        const reader = new FileReader()
         reader.readAsDataURL(file)
-
         reader.onload = () => {
           resolve(reader.result)
         }
-
         reader.onerror = () => {
           reject(reader.error)
-        }
+        }*/
       })
 
       callback(res)
-      console.log('uploadImg： ', res)
     },
     async deleteComment(comment, parent) {
       const res = await new Promise((resolve) => {