微信小程序如何从手机存储选择各类文件并上传至第三方？

方法1：使用wx.chooseFileSystemManager（基础库2.10.0+支持） #

这是微信官方提供的文件管理器接口，可直接访问本地存储选择各类文件，操作步骤如下：

• 先通过wx.getSetting检查是否拥有文件读写权限，未授权则调用wx.openSetting引导用户开启
• 调用wx.chooseFileSystemManager的chooseFile方法，通过extension参数指定支持的文件类型（如['.pdf', '.png', '.doc', '.ppt']）
• 获取选中文件的本地路径后，使用wx.uploadFile上传至第三方平台

示例代码：

// 检查文件权限
wx.getSetting({
  success(res) {
    const hasAuth = res.authSetting['scope.writePhotosAlbum'] && res.authSetting['scope.readPhotosAlbum'];
    if (!hasAuth) {
      wx.openSetting({
        success(setRes) {
          if (setRes.authSetting['scope.writePhotosAlbum'] && setRes.authSetting['scope.readPhotosAlbum']) {
            chooseLocalFile();
          }
        }
      })
    } else {
      chooseLocalFile();
    }
  }
})

// 选择本地文件
function chooseLocalFile() {
  const fsManager = wx.getFileSystemManager();
  fsManager.chooseFile({
    count: 1, // 可选择的文件数量
    extension: ['.pdf', '.png', '.doc', '.ppt'], // 允许的文件后缀
    success(res) {
      const filePath = res.tempFiles[0].path;
      // 上传至第三方平台
      wx.uploadFile({
        url: '你的第三方平台上传接口地址',
        filePath: filePath,
        name: 'file',
        formData: {
          // 接口所需额外参数
        },
        success(uploadRes) {
          console.log('上传成功', uploadRes);
        },
        fail(err) {
          console.error('上传失败', err);
        }
      })
    }
  })
}

方法2：自定义组件兼容低版本基础库 #

若需兼容基础库2.10.0以下版本，可使用第三方文件选择自定义组件。这类组件核心是唤起系统文件选择器，但需确保组件符合微信小程序审核规范，且依赖用户授权文件读写权限。

注意事项 #

• 需在小程序app.json中声明scope.readPhotosAlbum和scope.writePhotosAlbum权限
• 部分安卓机型可能需要额外引导用户开启系统级文件权限
• 大文件建议采用分块上传方式，避免超时或上传失败

内容的提问来源于stack exchange，提问作者Kanchana