微信小程序：选择从本地相册选择图片或使用相机拍照

最新推荐文章于 2023-11-19 21:28:26 发布

怡心怡情

最新推荐文章于 2023-11-19 21:28:26 发布

阅读量2.4k

点赞数 3

分类专栏：微信小程序开发文章标签：微信小程序

本文链接：https://blog.csdn.net/bangyiqing/article/details/119460928

版权

微信小程序开发专栏收录该内容

27 篇文章

订阅专栏

该博客详细介绍了如何在微信小程序中实现从相册选择或拍照的功能。通过调用微信小程序的API，展示了一个名为`browse`的函数，该函数显示操作菜单供用户选择相册或拍照。接着，`chooseWxImage`函数用于处理用户的选择，设置图片数量，并在用户确认选择后更新数据。此功能对于开发微信小程序的交互体验至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先弹出操作菜单，选择拍照还是从相册选择。根据用户选择进行相应操作。如图所示

代码如下：

browse:function(){
    let that = this;
    wx.showActionSheet({
      itemList: ['从相册中选择', '拍照'],
      itemColor: "#00ff20",
      success: function(res) {
        if (!res.cancel) {
          if (res.tapIndex == 0) {
            that.chooseWxImage('album');
          } else if (res.tapIndex == 1) {
            that.chooseWxImage('camera');
          }
        }
      }
    })
  },

 /*打开相册、相机 */
   chooseWxImage: function(type) {
    let that = this;
    wx.chooseImage({
      count: that.data.countIndex,
      sizeType: ['original', 'compressed'],
      sourceType: [type],
      success: function(res) {
        // 选择图片后的完成确认操作
        that.setData({
          aimgurl: res.tempFilePaths
        });
        console.log(that.data.aimgurl);
      }
    })
  }