uniapp 打开文件管理器上传(H5、微信小程序、android app三端)文件，UniApp文件上传功能，跨平台文件管理器实现H5、微信小程序与Android App文件上传功能

摘要：本文介绍了使用uniapp框架在不同平台（H5、微信小程序、Android App）上实现文件管理器上传文件的功能。通过uniapp的跨平台开发能力，用户可以方便地在不同端设备上打开文件管理器并选择文件进行上传。这种实现方式简化了文件上传的操作流程，提高了用户体验。

H5及安卓APP页面打开效果展示图：

（图片插入代码）

Vue页面代码：

<template>
  <div>
    <button @click="uploadFiles">点击上传</button>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    uploadFiles() {
      // H5上传文件
      // #ifdef H5
      uni.chooseFile({
        count: 1,
        extension: ['.doc', '.xlsx', '.docx'],
        success: res => {
          uni.showLoading({
            title: '导入中...',
            mask: true
          });
          uni.uploadFile({
            url: this.$BASE_URL + 'api/uploads/upload',
            file: res.tempFiles[0],
            name: 'file',
            success: res => {} //上传成功后的处理逻辑
          });
        }
      });
      // #endif
      // 微信小程序上传文件
      // #ifdef MP-WEIXIN
      uni.chooseMessageFile({
        count: 1, //默认100，可根据需求调整数量限制