微信小程序开发之相册选择和拍照详解及实例代码

发布时间：2020-12-14 20:20:19 所属栏目：资源来源：网络整理

导读：微信小程序拍照和相机选择详解前言：小程序中获取图片可通过两种方式得到，第一种是直接打开微信内部自己的样式，第一格就是相机拍照，后面是图片，第二种是弹框提示用户是要拍照还是从相册选择，下面一一来看。选择相册要用到wx.chooseImage(OBJECT)函

微信小程序拍照和相机选择详解

前言：

小程序中获取图片可通过两种方式得到，第一种是直接打开微信内部自己的样式，第一格就是相机拍照，后面是图片，第二种是弹框提示用户是要拍照还是从相册选择，下面一一来看。

选择相册要用到wx.chooseImage(OBJECT)函数，具体参数如下：

这里写图片描述

直接来看打开相机相册的代码：

},})

方法一效果图如下：

这里写图片描述

个人认为第二种用户体验要好一点，效果如下：

这里写图片描述

点击获取弹框提示，代码如下：

},chooseWxImage: function (type) {
var that = this;
wx.chooseImage({
sizeType: ['original',sourceType: [type],success: function (res) {
console.log(res);
that.setData({
tempFilePaths: res.tempFilePaths[0],})
}
})
}

})

文件的临时路径，在小程序本次启动期间可以正常使用，如需持久保存，需在主动调用 wx.saveFile，在小程序下次启动时才能访问得到。

布局文件：

官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

微信小程序开发之相册选择和拍照详解及实例代码

微信小程序 拍照和相机选择详解

前言：

微信小程序拍照和相机选择详解