表单中uni-file-picker实现图片上传

uni-file-picker 是 uni-app 中的一个组件，可以用于上传文件，其中包括图片。以下是一个表单中使用 uni-file-picker 实现图片上传的示例：

<template>
  <view>
    <form>
      <view>
        <label>选择图片：</label>
        <uni-file-picker
          name="file"
          count="1"
          @success="onSuccess"
          @fail="onFail"
          @complete="onComplete"
        />
      </view>
      <button type="submit">提交</button>
    </form>
  </view>
</template>

<script>
export default {
  methods: {
    onSuccess(res) {
      console.log('上传成功', res)
    },
    onFail(err) {
      console.log('上传失败', err)
    },
    onComplete() {
      console.log('上传完成')
    }
  }
}
</script>

在这个示例中，我们在表单中使用了 uni-file-picker 组件，并在组件上设置了一些属性：

- `name`：上传文件的表单字段名，这里设置为 `file`
- `count`：限制上传文件的数量，这里设置为 `1`

我们还监听了一些事件：

- `success`：上传成功时触发，回调函数接收一个参数，表示上传成功的文件信息
- `fail`：上传失败时触发，回调函数接收一个参数，表示上传失败的错误信息
- `complete`：上传完成时触发，无论成功或失败都会触发

当用户选择完图片并提交表单时，上传文件的请求将被发送到服务器。在上传过程中，uni-file-picker 组件会触发相应的事件，我们可以在回调函数中处理上传结果。