微信小程序自定义拍照页面及跨页面setData数据
2021/11/16 17:12:57
本文主要是介绍微信小程序自定义拍照页面及跨页面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数据的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-302024年最新版云开发cms开通步骤,开始开发微信小程序前的准备工作,认真看完奥!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 2024-01-22基于taro搭建小程序多项目框架
- 2024-01-13小程序开发:在插件市场寻找步骤条组件并二开
- 2024-01-05钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
- 2023-12-29【UniApp】-uni-app-打包成小程序
- 2023-12-26性能翻倍!京东亿级体量小程序优化实践
- 2023-12-25小程序优化:第三方SDK过大解决方案
- 2023-11-26微信小程序文件预览和下载-文件系统
- 2023-11-2652天学习微信小程序计划No.2:注册小程序账号&安装开发者工具