点击按钮调用uni.uploadFile()

在uni-app中，可以通过点击按钮来调用uni.uploadFile()方法实现图片上传功能。下面是一个示例代码：

1. 在页面中定义一个按钮，并绑定一个点击事件：

<template>
  <view>
    <button @click="uploadImage">点击上传图片</button>
 </view>
</template>

2. 在methods中定义uploadImage方法，该方法会调用uni.uploadFile()方法来上传图片：

<script>
export default {
  methods: {
    uploadImage() {
      uni.chooseImage({
        count: 1,
        success: (res) => {
          const tempFilePaths = res.tempFilePaths[0]
          uni.uploadFile({
            url: 'http://example.com/upload', // 上传图片的接口地址
            filePath: tempFilePaths,
            name: 'file',
            success: (uploadRes) => {
              console.log('上传成功', uploadRes)
              // 在这里可以处理上传成功后的逻辑
            },
            fail: (err) => {
              console.log('上传失败', err)
              // 在这里可以处理上传失败后的逻辑
            }
          })
        }
      })
    }
  }
}
</script>

在上述代码中，点击按钮后会触发uploadImage方法。该方法首先调用uni.chooseImage()方法选择图片，然后获取选择的图片临时路径tempFilePaths。接下来，调用uni.uploadFile()方法来上传图片，其中需要设置上传图片的接口地址、文件路径、文件名等参数。上传成功后，可以在success回调函数中处理上传成功后的逻辑，上传失败后，可以在fail回调函数中处理上传失败后的逻辑。