From 1163ce317c44742e52b9d6e8e605bed3d385fbc1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8F=B2=E9=B8=BD?= <1020103647@qq.com>
Date: Fri, 3 May 2024 13:45:25 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=8A=E4=BC=A0=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json             |  8 ++++
 src/pages/index/about.vue  |  3 ++
 src/pages/index/upload.vue | 75 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 86 insertions(+)
 create mode 100644 src/pages/index/upload.vue

diff --git a/src/pages.json b/src/pages.json
index 018414c..0e60ea8 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -67,6 +67,14 @@
       "style": {
         "navigationBarTitleText": "请求"
       }
+    },
+    {
+      "path": "pages/index/upload",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationBarTitleText": "上传"
+      }
     }
   ],
   "subPackages": []
diff --git a/src/pages/index/about.vue b/src/pages/index/about.vue
index 19a99ec..fc6c291 100644
--- a/src/pages/index/about.vue
+++ b/src/pages/index/about.vue
@@ -22,6 +22,9 @@
         去请求页2 (请求状态一体化)
       </wd-button>
     </view>
+    <view class="text-center mt-8 text-#fff">
+      <wd-button type="primary" @click="gotoPage('upload')">上传demo</wd-button>
+    </view>
   </view>
 </template>
 
diff --git a/src/pages/index/upload.vue b/src/pages/index/upload.vue
new file mode 100644
index 0000000..2805bd7
--- /dev/null
+++ b/src/pages/index/upload.vue
@@ -0,0 +1,75 @@
+<route lang="json5" type="page">
+{
+  layout: 'default',
+  style: {
+    navigationBarTitleText: '上传',
+  },
+}
+</route>
+
+<template>
+  <view class="p-4 text-center">
+    <wd-button @click="chooseImage">选择图片并上传</wd-button>
+    <view class="m-2">上传后返回的图片地址：</view>
+    <view class="m-2">{{ imgStr }}</view>
+    <view class="h-80 w-full">
+      <image v-if="imgStr" :src="imgStr" mode="scaleToFill" />
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+const imgStr = ref('')
+
+const chooseImage = () => {
+  // #ifdef MP-WEIXIN
+  // 微信小程序从基础库 2.21.0 开始， wx.chooseImage 停止维护，请使用 uni.chooseMedia 代替。
+  // 微信小程序在2023年10月17日之后，使用本API需要配置隐私协议
+  uni.chooseMedia({
+    count: 1,
+    mediaType: ['image'],
+    success: (res) => {
+      console.log(res)
+      const tempFilePath = res.tempFiles[0].tempFilePath
+      uni.uploadFile({
+        url: 'https://ukw0y1.laf.run/uploadFile',
+        filePath: tempFilePath,
+        name: 'file',
+        formData: {
+          user: '菲鸽',
+        },
+        success: (uploadFileRes) => {
+          console.log(uploadFileRes.data)
+          imgStr.value = uploadFileRes.data
+        },
+      })
+    },
+  })
+  // #endif
+  // #ifndef MP-WEIXIN
+  uni.chooseImage({
+    count: 1,
+    success: (res) => {
+      console.log(res)
+      const tempFilePath = res.tempFilePaths[0]
+      uni.uploadFile({
+        url: 'https://ukw0y1.laf.run/uploadFile',
+        filePath: tempFilePath,
+        name: 'file',
+        formData: {
+          user: '菲鸽',
+        },
+        success: (uploadFileRes) => {
+          console.log(uploadFileRes.data)
+          imgStr.value = uploadFileRes.data
+        },
+      })
+    },
+  })
+  // #endif
+}
+</script>
+
+<style lang="scss" scoped>
+//
+</style>