微信小程序 获取相册照片实例详解

当用户使用微信小程序时，往往需要获取用户手机相册中的照片。下面将针对微信小程序中获取相册照片的实现进行详细的介绍。

准备工作

为了使用微信小程序获取相册照片的功能，需要先进行权限的申请。在小程序中，需要在 app.json 中添加相应的权限声明：

"permission": {
    "scope.userLocation": {
        "desc": "用于获取您的位置信息"
    },
    "scope.album": {
        "desc": "用于获取您的相册图片"
    }
}

在用户授权后，使用 wx.authorize() 接口进行授权即可。

获取相册照片

在获取相册照片前，需要通过 wx.chooseImage() 接口选择照片，并将照片上传至服务器。该接口用于打开系统相册，并选择图片。用户进行选择后，返回选择的图片路径，使用 wx.uploadFile() 将照片上传至服务器：

wx.chooseImage({
  count: 9, // 最多选9张照片
  sizeType: ['original', 'compressed'], // 可以指定原图或压缩图
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机
  success(res) {
    // 选择成功后，将照片上传至服务器
    const tempFilePath = res.tempFilePaths[0];
    wx.uploadFile({
      url: 'https://example.com/upload',
      filePath: tempFilePath,
      name: 'file',
      success(res) {
        // 上传成功后，回调函数处理
        const data = res.data;
        // 具体处理逻辑
      }
    });
  }
});

有时，我们需要同时获取多张照片，可以循环调用 wx.chooseImage() 接口选择照片，将选中的多张照片作为数组进行上传：

wx.chooseImage({
  count: 9,
  success(res) {
    const tempFilePaths = res.tempFilePaths;
    const len = tempFilePaths.length;
    // 图片数组
    const files = [];
    for(let i = 0; i < len; i++) {
      wx.uploadFile({
        url: 'https://example.com/upload',
        filePath: tempFilePaths[i],
        name: 'file',
        success(res) {
          const data = res.data;
          files.push(data);
          if(files.length === len) {
            // 所有图片都上传完毕，回调函数处理
            // 具体流程自行补充
          }
        }
      });
    }
  }
});

以上就是在微信小程序中获取相册照片的攻略，希望可以帮助你实现你的需求。