微信公众号开发

微信小程序自定义拍照页面及跨页面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.www.zyiz.net/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,
})

 

这篇关于微信小程序自定义拍照页面及跨页面setData数据的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航