微信小程序自定义拍照页面及跨页面setData数据

2021-11-16 15:32:35 阅读：213 来源： 互联网

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

微信小程序自定义拍照页面及跨页面setData数据