uniapp choose方法如何使用

在uniapp中如何使用choose方法选取文件或图片？具体参数有哪些，回调函数如何接收返回的数据？能否提供一个完整的代码示例？

2 回复

uniapp的choose方法用于选择文件或图片。调用uni.chooseImage选择图片，或uni.chooseVideo选择视频。传入success回调获取结果，fail处理失败。示例：

uni.chooseImage({
  count: 1,
  success: (res) => {
    console.log(res.tempFilePaths)
  }
})

在 UniApp 中，choose 方法通常用于从设备中选择文件（如图片、视频等）。以下是常见的使用场景和示例代码：

1. 选择图片

使用 uni.chooseImage 方法从相册或相机选择图片。

uni.chooseImage({
  count: 1, // 最多选择图片数量
  sourceType: ['album', 'camera'], // 来源：相册和相机
  success: (res) => {
    console.log('选择的图片临时路径:', res.tempFilePaths);
    // 可上传或预览图片
  },
  fail: (err) => {
    console.error('选择失败:', err);
  }
});

2. 选择视频

使用 uni.chooseVideo 方法选择视频。

uni.chooseVideo({
  sourceType: ['album', 'camera'],
  maxDuration: 60, // 视频最长时长（秒）
  success: (res) => {
    console.log('视频临时路径:', res.tempFilePath);
  }
});

3. 选择文件

使用 uni.chooseFile 方法选择任意类型文件（H5 平台支持较好）。

uni.chooseFile({
  count: 1,
  type: 'all', // 文件类型：all/image/video
  success: (res) => {
    console.log('文件路径:', res.tempFiles);
  }
});

注意事项：

  • 平台兼容性：部分 API 在 App 端和 H5 端支持程度不同，需测试目标平台。
  • 临时路径：返回的路径为临时路径，如需持久化需调用上传接口。
  • 权限配置：在 App 端使用相机或相册时，需在 manifest.json 中配置相应权限。

根据需求选择合适的方法，并处理成功/失败回调即可。

回到顶部