uni-file-picker文件上传封装

uni-file-picker 是一个基于 uni-app 框架的文件上传组件，它提供了图片上传、视频上传等功能，可以方便地在 uni-app 项目中使用。以下是一个 uni-file-picker 文件上传封装的示例：

1. 安装 uni-file-picker 组件

npm install uni-file-picker

2. 封装文件上传组件

<template>
  <div>
    <van-button type="primary" @click="chooseImage">上传图片</van-button>
    <van-button type="primary" @click="chooseVideo">上传视频</van-button>
  </div>
</template>

<script>
import uniFilePicker from 'uni-file-picker';
export default {
  methods: {
    chooseImage() {
      uniFilePicker.chooseImage({
        count: 1,
        success: (res) => {
          // 上传成功后的处理逻辑
        }
      });
    },
    chooseVideo() {
      uniFilePicker.chooseVideo({
        sourceType: ['camera', 'album'],
        maxDuration: 10,
        success: (res) => {
          // 上传成功后的处理逻辑
        }
      });
    }
  }
}
</script>

在上面的示例中，我们通过 `import` 引入了 uni-file-picker 组件，并在 `methods` 中封装了两个上传函数：`chooseImage` 和 `chooseVideo`。这两个函数分别调用了 uni-file-picker 组件的 `chooseImage` 和 `chooseVideo` 方法，用于选择上传的文件，并在上传成功后进行后续处理。

需要注意的是，uni-file-picker 组件的使用需要在 `manifest.json` 文件中配置权限，例如：

"permission": {
  "scope.userLocation": {
    "desc": "获取用户地理位置信息"
  },
  "scope.writePhotosAlbum": {
    "desc": "保存到相册"
  },
  "scope.camera": {
    "desc": "拍摄照片或视频"
  }
}

以上就是一个基于 uni-file-picker 组件的文件上传封装示例。在实际开发中，可以根据自己的需求灵活地配置上传参数，并添加错误处理等逻辑。