uni-file-picker使用方法

Uni-File-Picker 是一款用于在手机端选择和上传文件的插件。使用方法如下：

1. 在 HBuilderX 中创建一个 Uni-App 项目。
2. 在项目根目录中打开终端，运行以下命令安装 uni-file-picker：

npm install uni-file-picker

3. 在需要使用插件的页面中引入 uni-file-picker 组件：

<template>
  <view>
    <uni-file-picker :options="options"></uni-file-picker>
  </view>
</template>

<script>
import UniFilePicker from 'uni-file-picker'

export default {
  components: {
    UniFilePicker
  },
  data() {
    return {
      options: {
        maxCount: 3, // 最多上传的文件数量
        sizeType: ['original', 'compressed'], // 上传图片的尺寸类型
        sourceType: ['album', 'camera'], // 上传图片的来源
        success: res => {
          // 上传成功后的回调函数
          console.log('upload success', res)
        }
      }
    }
  }
}
</script>

4. 在需要触发选择和上传文件的事件中调用 uni-file-picker 组件的 open 方法：

<template>
  <view>
    <button @click="openPicker">选择文件</button>
    <uni-file-picker ref="picker" :options="options"></uni-file-picker>
  </view>
</template>

<script>
import UniFilePicker from 'uni-file-picker'

export default {
  components: {
    UniFilePicker
  },
  data() {
    return {
      options: {
        maxCount: 3,
        sizeType: ['original', 'compressed'],
        sourceType: ['album', 'camera'],
        success: res => {
          console.log('upload success', res)
        }
      }
    }
  },
  methods: {
    openPicker() {
      // 打开文件选择器
      this.$refs.picker.open()
    }
  }
}
</script>

以上就是 uni-file-picker 的使用方法，具体可以参考官方文档。