使用uni-file-picker实现图片上传

uni-file-picker 是 uni-app 提供的一个文件选择器组件，可以用来选择图片、视频等文件，并且可以进行上传操作。

首先，需要在页面中引入 uni-file-picker 组件：

<template>
  <view>
    <uni-file-picker
      v-model="files"
      :count="1"
      :size-type="['compressed']"
      @success="uploadFile"
    ></uni-file-picker>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        files: []
      }
    },
    methods: {
      uploadFile(res) {
        uni.uploadFile({
          url: 'https://your-upload-url',
          filePath: res.tempFilePaths[0],
          name: 'file',
          success: (uploadRes) => {
            console.log(uploadRes)
          }
        })
      }
    }
  }
</script>

在上述代码中，`uni-file-picker` 组件被绑定到了 `files` 数据上，用户选择的文件会自动保存在 `files` 数组中。同时，通过监听 `@success` 事件，可以在用户选择文件后触发上传操作。在 `uploadFile` 方法中，使用 `uni.uploadFile` API 对选择的文件进行上传。

需要注意的是，上传操作需要使用后端提供的上传接口，需要将接口地址替换为自己的上传接口地址。同时，也可以根据需要修改上传的文件名、文件类型等参数。