介绍页面({
,数据:{
tempFilePaths才能:& # 39;& # 39;
},
,onLoad: function (), {
},
,chooseimage: function (), {
var 才能;that =,;
wx.chooseImage({才能
,,,数:1,,//,默认9,
,,,sizeType:[& # 39;原始# 39;,,& # 39;压缩# 39;],,//,可以指定是原图还是压缩图,默认二者都有,
,,,sourceType:[& # 39;专辑# 39;,,& # 39;相机# 39;],,//,可以指定来源是相册还是相机,默认二者都有,
,,,成功:function (res), {
,,,//,返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片,
,,,that.setData ({
,,,,tempFilePaths: res.tempFilePaths
,,,})
,,}
})才能
},
}) 页面({
,数据:{
tempFilePaths才能:& # 39;& # 39;
},
,onLoad: function (), {
},
,chooseimage: function (), {
var 才能;that =,;
wx.showActionSheet({才能
,,,itemList:[& # 39;从相册中选择& # 39;,,& # 39;拍照& # 39;],
,,,itemColor:“# CED63A",
,,,成功:function (res), {
,,,if (! res.cancel), {
,,,,if (res.tapIndex ==, 0), {
,,,,,that.chooseWxImage(& # 39;专辑# 39;)
,,,,},else if (==res.tapIndex 1), {
,,,,,that.chooseWxImage(& # 39;相机# 39;)
,,,,}
,,,}
,,}
})才能
},
,chooseWxImage: function (类型),{
var 才能;that =,;
wx.chooseImage({才能
,,,sizeType:[& # 39;原始# 39;,,& # 39;压缩# 39;],
,,,sourceType:[型],
,,,成功:function (res), {
,,,console.log (res);
,,,that.setData ({
,,,,tempFilePaths:, res.tempFilePaths [0],
,,,})
,,}
})才能
,}
}) , lt; button 风格=氨Ｖそ?30 rpx;“, bindtap=癱hooseimage"在获取图片,lt;/button>
,lt; image src=https://www.yisu.com/zixun/catchTap“pw_tempFilePaths”=癱hooseImageTap”模式=风格=癮spectFit宽度:100%;身高:450 rpx "/>
这篇文章主要介绍微信小程序中如何实现相册选择和拍的照,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
<强>微信小程序拍照和相机选择详解
<强>前言:
小程序中获取图片可通过两种方式得到,第一种是直接打开微信内部自己的样式,第一格就是相机拍的照,后面是图片,第二种是弹框提示用户是要拍照还是从相册选择,下面一一来看。
选择相册要用到wx.chooseImage(对象)函数,具体参数如下:
直接来看打开相机相册的代码:
方法一效果图如下:
个人认为第二种用户体验要好一点,效果如下:
点击获取弹框提示,代码如下:
文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用wx。saveFile,在小程序下次启动时才能访问得到。
布局文件:
以上是“微信小程序中如何实现相册选择和拍照”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
