uni-file-picker组件怎么使用

uni-file-picker 是基于 uni-app 框架封装的文件选择组件，可以方便地选择本地文件并上传到服务器。

使用步骤如下：

1. 在 `pages.json` 中引入组件：

{
  "usingComponents": {
    "file-picker": "@/components/uni-file-picker/uni-file-picker"
  }
}

2. 在需要使用的页面中添加组件标签：

<file-picker
  name="file"
  title="请选择文件"
  upload-url="http://example.com/upload"
  :max-size="10"
  @file-selected="onFileSelected"
></file-picker>

其中，`name` 属性指定表单项的名称，`title` 属性为文件选择器的标题，`upload-url` 属性为上传文件的地址，`:max-size` 属性为上传文件的最大大小（单位为 MB），`@file-selected` 事件监听器在文件选择后触发。

3. 在页面的 `methods` 中添加事件处理函数：

methods: {
  onFileSelected(file) {
    console.log('selected file:', file)
    // 发起文件上传请求
    // ...
  }
}

在事件处理函数中，可以获取到所选择的文件信息，然后再发起上传请求即可。

需要注意的是，组件默认只支持选择图片和视频文件，如需选择其他类型文件，需要在 `uni-file-picker` 组件的 `accept` 属性中指定对应的 MIME 类型，例如：

<file-picker
  name="file"
  title="请选择文件"
  upload-url="http://example.com/upload"
  accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
  :max-size="10"
  @file-selected="onFileSelected"
></file-picker>

上述代码中的 `accept` 属性指定了上传 Word 文档的 MIME 类型。