uniapp的image上传图片

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

1. 在template中添加一个input标签，type为file，用于选择图片：

<template>
  <div>
    <input type="file" @change="chooseImage">
    <img :src="imageUrl" />
  </div>
</template>

2. 在methods中定义chooseImage方法，用于选择图片并将其显示在页面上：

methods: {
  chooseImage(e) {
    const file = e.target.files[0]
    const reader = new FileReader()
    reader.readAsDataURL(file)
    reader.onload = () => {
      this.imageUrl = reader.result
    }
  }
}

3. 在methods中定义uploadImage方法，用于上传图片：

methods: {
  uploadImage() {
    uni.uploadFile({
      url: 'http://example.com/upload',
      filePath: this.imageUrl,
      name: 'image',
      success: (res) => {
        console.log(res)
      }
    })
  }
}

其中，url为上传图片的接口地址，filePath为要上传的图片路径，name为上传图片的字段名。