文件上传

components/My_uploadFiles/index.js

@@ -0,0 +1,52 @@
+// components/My_uploadFiles/index.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        fileList: {
+            type: Array,
+            value: []
+        }
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        afterRead(event) {
+            const {
+                file
+            } = event.detail;
+            // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
+            wx.uploadFile({
+                url: 'https://example.weixin.qq.com/upload', // 仅为示例，非真实的接口地址
+                filePath: file.url,
+                name: 'file',
+                formData: {
+                    user: 'test'
+                },
+                success(res) {
+                    // 上传完成需要更新 fileList
+                    const {
+                        fileList = []
+                    } = this.data;
+                    fileList.push({
+                        ...file,
+                        url: res.data
+                    });
+                    this.setData({
+                        fileList
+                    });
+                },
+            });
+        },
+    }
+})

components/My_uploadFiles/index.json

@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-uploader": "@vant/weapp/uploader/index"
+    }
+}

components/My_uploadFiles/index.scss

@@ -0,0 +1 @@
+/* components/My_uploadFiles/index.wxss */

components/My_uploadFiles/index.wxml

@@ -0,0 +1,3 @@
+<van-uploader file-list="{{ fileList }}" bind:after-read="afterRead">
+    
+</van-uploader>