uniapp上传图片页面

uniapp上传图片可以使用uni.uploadFile()方法，具体步骤如下：

1. 在template中添加一个input标签，设置type为file，用于选择图片文件。

2. 在methods中添加一个uploadImage()方法，用于上传图片。在该方法中，使用uni.chooseImage()方法选择图片文件，并将选择的图片文件路径保存到data中。

3. 调用uni.uploadFile()方法上传图片。在该方法中，设置上传的url、文件路径、文件名等参数，并在成功上传后执行相应的操作。

以下是示例代码：

template:

<template>
  <div>
    <input type="file" @change="uploadImage">
  </div>
</template>

methods:

methods: {
  uploadImage() {
    uni.chooseImage({
      count: 1,
      success: (res) => {
        this.imagePath = res.tempFilePaths[0]
        uni.uploadFile({
          url: 'your_upload_url',
          filePath: this.imagePath,
          name: 'file',
          success: (res) => {
            console.log(res)
            // 上传成功后的操作
          },
          fail: (err) => {
            console.log(err)
            // 上传失败后的操作
          }
        })
      }
    })
  }
}