微信小程序自定义拍照页面及跨页面setData数据
作者:互联网
1、简介:最近需求要实现一个点击拍摄身份证上传的功能,思路就是在表单页面点击,跳转到拍摄页面,拍摄页面要展示身份证框,提交后要把数据返回表单页.
2、拍摄页面要展示身份证框,就是在camers之上放张图片。
<camera class="camera" wx:if="{{!show}}" device-position="back" flash="off" binderror="error"> <cover-view class="id_m"> <!-- 这是拍照轮廓图(如果是人像拍照则替换图片即可) --> <cover-image class="img" src="https://www.icode9.com/i/ll/?i=2020081419131165.png?,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5ODk2NQ==,size_16,color_FFFFFF,t_70#pic_center"></cover-image> <!-- END --> <!-- 这是文字提示(不需要删除即可) --> <cover-view class="tips_txt">请将头像面放到框内,并调整好光线</cover-view> <!-- END --> </cover-view> </camera>
效果图:
2、跨页面setData数据:拍完照发起请求,要把请求的数据返回表单页(参考:https://blog.csdn.net/weixin_44198965/article/details/107821802)
//获取页面栈 let pages = getCurrentPages() //获取上一个页面 let beforPage = pages[pages.length - 2]; //设置数据 beforPage.setData({ data }) //返回上一页 wx.navigateBack({ delta: 1, })
标签:拍摄,自定义,微信,表单,身份证,页面,pages,setData 来源: https://www.cnblogs.com/lovewhatIlove/p/15561301.html