1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
| // TODO: 别忘加更改环境变量的 VITE_UPLOAD_BASEURL 地址。
| import { getEnvBaseUploadUrl } from '@/utils'
|
| const VITE_UPLOAD_BASEURL = `${getEnvBaseUploadUrl()}`
|
| /**
| * useUpload 是一个定制化的请求钩子，用于处理上传图片。
| * @param formData 额外传递给后台的数据，如{name: '菲鸽'}。
| * @returns 返回一个对象{loading, error, data, run}，包含请求的加载状态、错误信息、响应数据和手动触发请求的函数。
| */
| export default function useUpload<T = string>(formData: Record<string, any> = {}) {
| const loading = ref(false)
| const error = ref(false)
| const data = ref<T>()
| const run = () => {
| // #ifdef MP-WEIXIN
| // 微信小程序从基础库 2.21.0 开始， wx.chooseImage 停止维护，请使用 uni.chooseMedia 代替。
| // 微信小程序在2023年10月17日之后，使用本API需要配置隐私协议
| uni.chooseMedia({
| count: 1,
| mediaType: ['image'],
| success: (res) => {
| loading.value = true
| const tempFilePath = res.tempFiles[0].tempFilePath
| uploadFile<T>({ tempFilePath, formData, data, error, loading })
| },
| fail: (err) => {
| console.error('uni.chooseMedia err->', err)
| error.value = true
| },
| })
| // #endif
| // #ifndef MP-WEIXIN
| uni.chooseImage({
| count: 1,
| success: (res) => {
| loading.value = true
| const tempFilePath = res.tempFilePaths[0]
| uploadFile<T>({ tempFilePath, formData, data, error, loading })
| },
| fail: (err) => {
| console.error('uni.chooseImage err->', err)
| error.value = true
| },
| })
| // #endif
| }
|
| return { loading, error, data, run }
| }
|
| function uploadFile<T>({ tempFilePath, formData, data, error, loading }) {
| uni.uploadFile({
| url: VITE_UPLOAD_BASEURL,
| filePath: tempFilePath,
| name: 'file',
| formData,
| success: (uploadFileRes) => {
| data.value = uploadFileRes.data as T
| },
| fail: (err) => {
| console.error('uni.uploadFile err->', err)
| error.value = true
| },
| complete: () => {
| loading.value = false
| },
| })
| }
|
|
