uniapp微信小程序上传文件

### UniApp 中实现微信小程序文件上传

在 UniApp 开发环境中，要实现在微信小程序中的文件上传功能，可以利用 `wx.chooseImage` 和 `wx.uploadFile` API 来完成图片的选择与上传操作。下面提供一段简单的代码示例来说明这一过程。

#### 图片选择与预览

当用户点击按钮触发选择图片的动作时，可以通过调用微信提供的接口让用户从相册或相机选取照片：

chooseImage() {
    uni.chooseImage({
        count: 1, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
        success(res) {
            const tempFilePaths = res.tempFilePaths;
            this.uploadFile(tempFilePaths[0]);
        }
    });
}

#### 文件上传至服务器

选定好图片之后，则可通过 `uploadFile` 接口将本地资源上传到开发者自己的服务器上：

uploadFile(filePath) {
    uni.uploadFile({
        url: 'https://example.com/upload', // 替换成实际的服务端地址
        filePath,
        name: 'file',
        formData: {
          'user': 'test'
        },
        success(uploadRes) {
            let data = JSON.parse(uploadRes.data);
            console.log(data); // 处理返回的数据
        }
    });
}

上述方法展示了如何通过调用两个核心的小程序API，在UniApp框架下轻松地实现了文件（这里特指图像）的挑选以及向远程服务器提交的过程[^1]。