如何使用 uni.chooseImage 从本地相册选择图片或使用相机拍照？

推荐答案

// www.javascriptcn.com code example
uni.chooseImage({
  count: 1, // 默认9
  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
  success: function (res) {
    // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
    var tempFilePaths = res.tempFilePaths;
    console.log(tempFilePaths);
  },
  fail: function (err) {
    console.log(err);
  }
});

本题详细解读

1. uni.chooseImage 方法概述

uni.chooseImage 是 uni-app 提供的一个 API，用于从本地相册选择图片或使用相机拍照。它允许开发者指定选择图片的数量、图片的尺寸类型（原图或压缩图）、以及图片的来源（相册或相机）。

2. 参数详解

• count: 指定最多可以选择的图片数量，默认值为 9。如果设置为 1，则用户只能选择一张图片。

• sizeType: 指定图片的尺寸类型，可以设置为 ['original', 'compressed']，表示用户可以选择原图或压缩图。默认情况下，两者都支持。

• sourceType: 指定图片的来源，可以设置为 ['album', 'camera']，表示用户可以从相册选择图片或使用相机拍照。默认情况下，两者都支持。

3. 回调函数

• success: 当用户成功选择图片或拍照后，会触发 success 回调函数。回调函数的参数 res 包含一个 tempFilePaths 属性，它是一个数组，包含了用户选择的图片的本地文件路径列表。开发者可以将这些路径用于显示图片或上传到服务器。

• fail: 如果用户取消选择或发生错误，会触发 fail 回调函数。开发者可以在此处理错误情况。

4. 使用场景

uni.chooseImage 通常用于需要用户上传图片的场景，例如用户头像上传、图片分享等。通过合理配置参数，开发者可以灵活控制用户选择图片的方式和数量。

5. 注意事项

• 在使用 uni.chooseImage 时，需要注意用户的隐私权限。在 iOS 和 Android 平台上，可能需要请求相册和相机的访问权限。

• 如果用户选择的图片较大，可能会导致应用内存占用过高，建议在处理图片时进行适当的压缩或裁剪。

通过以上配置和使用方法，开发者可以轻松实现从本地相册选择图片或使用相机拍照的功能。