重构：用预签名URL上传文件

src/api/mts.js

@@ -1,7 +1,82 @@
 import request from '@/js/utils/request'
 
-export const mtsUploadService = (obj) => {
-  return request.postForm('/mts/upload', obj)
+export const mtsUploadServiceForImage = async (requestBody, { originFile, thumbFile }) => {
+  try {
+    const res = await request.postForm('/mts/getUploadUrl', requestBody)
+    const scope = res.data.data.scope
+    const objectId = res.data.data.objectId
+    const originUrl = res.data.data.originUrl
+    const thumbUrl = res.data.data.thumbUrl
+    if (scope === 1 && originUrl && thumbUrl) {
+      // 如果文件之前已经上传过，直接获取下载地址
+      return res
+    } else {
+      const uploadOriginUrl = res.data.data.uploadOriginUrl
+      const uploadThumbUrl = res.data.data.uploadThumbUrl
+      // 2 上传原图
+      const originResponse = await fetch(uploadOriginUrl, {
+        method: 'PUT',
+        body: originFile
+      })
+
+      if (!originResponse.ok) {
+        throw new Error('原图上传失败')
+      }
+
+      // 3 上传缩略图，如果原图和缩略图一样，就不上传
+      if (uploadThumbUrl !== uploadOriginUrl) {
+        const thumbResponse = await fetch(uploadThumbUrl, {
+          method: 'PUT',
+          body: thumbFile
+        })
+
+        if (!thumbResponse.ok) {
+          throw new Error('缩略图上传失败')
+        }
+      }
+
+      // 4 上报服务端上传成功，服务端返回预签名下载URL
+      const reportResponse = await request.postForm('/mts/reportUploaded', { objectId })
+      return reportResponse
+    }
+  } catch (error) {
+    throw new Error('图片上传失败')
+  }
+
+  // TODO 上传期间查询上传进度
+}
+
+export const mtsUploadService = async (requestBody, { originFile }) => {
+  try {
+    // 1 获取上传的预签名URL
+    const res = await request.postForm('/mts/getUploadUrl', requestBody)
+    const scope = res.data.data.scope
+    const objectId = res.data.data.objectId
+    const downloadUrl = res.data.data.downloadUrl
+    if (scope === 1 && downloadUrl) {
+      // 如果文件之前已经上传过，直接过的下载地址
+      return res
+    } else {
+      const uploadUrl = res.data.data.uploadUrl
+      // 2 上传文件
+      const uploadResponse = await fetch(uploadUrl, {
+        method: 'PUT',
+        body: originFile
+      })
+
+      if (!uploadResponse.ok) {
+        throw new Error('文件上传失败')
+      }
+
+      // 3 上报服务端上传成功，服务端返回预签名下载URL
+      const reportResponse = await request.postForm('/mts/reportUploaded', { objectId })
+      return reportResponse
+    }
+  } catch (error) {
+    throw new Error('文件上传失败')
+  }
+
+  // TODO 上传期间查询上传进度
 }
 
 export const mtsImageService = (obj) => {