编程语言
首页 > 编程语言> > 微信小程序自定义拍照页面及跨页面setData数据

微信小程序自定义拍照页面及跨页面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