微信小程序文件上传页面

可以使用微信小程序提供的wx.chooseImage()和wx.uploadFile()接口实现文件上传功能。

首先，在小程序页面中添加一个按钮，用于选择要上传的文件。点击按钮后，调用wx.chooseImage()接口，获取用户选择的文件路径。

然后，调用wx.uploadFile()接口，将文件上传到服务器。该接口需要传入以下参数：

- url: 服务器地址
- filePath: 要上传的文件路径
- name: 文件对应的 key，开发者在服务器端通过这个 key 可以获取到文件的二进制内容
- formData: HTTP 请求中其他额外的 form data

上传成功后，可以在 success 回调函数中获取到服务器返回的数据。

示例代码如下：

// 选择文件
wx.chooseImage({
  success: function(res) {
    var filePath = res.tempFilePaths[0];
    // 上传文件
    wx.uploadFile({
      url: 'https://example.com/upload',
      filePath: filePath,
      name: 'file',
      formData: {
        'user': 'test'
      },
      success: function(res) {
        var data = res.data
        // TODO: 处理上传成功后的逻辑
      }
    })
  }
})

注意，需要在小程序的 app.json 文件中添加网络权限：

"permission": {
  "scope.userLocation": {
    "desc": "上传文件"
  }
}