uni-app中uni-chooseSystemMedia插件 DCloud移动团队 提供的使用方法

在uni-app中，uni-chooseSystemMedia 插件用于调用系统媒体选择器，让用户从相册或文件中选择媒体文件（如图片、视频等）。DCloud移动团队提供的使用方法通常包括配置插件、调用接口以及处理回调结果。以下是一个具体的代码案例，展示了如何在uni-app中使用uni-chooseSystemMedia插件。

1. 插件配置

首先，确保在manifest.json中配置了uni-chooseSystemMedia插件。如果插件已经内置在uni-app框架中，这一步可能不需要手动操作。但如果是第三方插件，需要按照以下方式添加：

// manifest.json
{
  "plugins": {
    "uni-chooseSystemMedia": {
      "version": "x.x.x", // 填写插件版本号
      "provider": "uni-plugin-chooseSystemMedia" // 插件提供者，通常为固定值
    }
  }
}

2. 调用插件接口

在页面的JavaScript代码中调用uni-chooseSystemMedia插件的接口。以下是一个示例：

// pages/index/index.vue
<template>
  <view>
    <button @click="chooseMedia">选择媒体文件</button>
  </view>
</template>

<script>
export default {
  methods: {
    chooseMedia() {
      const self = this;
      uni.chooseSystemMedia({
        count: 9, // 最多可以选择的文件数量
        type: 'image', // 文件类型，可以是 'image'、'video' 或 'all'
        success: (res) => {
          console.log('选择成功', res.tempFiles);
          // 处理选择成功的文件，例如显示到页面上
          self.selectedFiles = res.tempFiles;
        },
        fail: (err) => {
          console.error('选择失败', err);
        }
      });
    }
  },
  data() {
    return {
      selectedFiles: [] // 存储选择的文件
    };
  }
};
</script>

3. 处理回调结果

在上面的代码中，uni.chooseSystemMedia方法返回一个Promise对象，成功时会触发success回调，失败时会触发fail回调。res.tempFiles包含了用户选择的文件列表，每个文件对象包含文件的临时路径等信息。

总结

通过上述代码，你可以在uni-app中轻松集成并使用uni-chooseSystemMedia插件来选择媒体文件。需要注意的是，不同平台（如iOS和Android）在文件选择和权限管理上可能有所不同，因此在实际开发中，还需要考虑平台差异和权限申请等问题。此外，根据具体需求，你可能还需要对选择后的文件做进一步处理，如上传到服务器等。