标签:拍照 展示 res 照片 photo wx data 页面
index.wxml页面
<view class="userinfo"> <text>相机拍照功能</text> <button class="photo" bindtap="takePhoto">点击拍照</button> </view> index.js页面 takePhoto(){ wx.navigateTo({ url: '/pages/photo/photo', //跳转到自定义的一个拍照页面 }) }, photo.wxml页面 <camera device-position="back" flash="off" binderror="error" style="width: 100%; height: 1100rpx;"></camera> <button type="primary" bindtap="takePhoto">拍照</button> <image class="img" src="{{image}}"></image> photo.js页面 Page({ /** * 页面的初始数据 */ data: { image:'' }, takePhoto:function(){ var _this=this const ctx = wx.createCameraContext() ctx.takePhoto({ quality: 'high', success: (res) => { console.log("拍照"); this.setData({ src: res.tempImagePath }) wx.setStorage({ key: 'key1', data: this.data.src, success: function (res) { console.log('异步保存成功') } }), wx.getStorage({ key: 'key1', success: function (res) { _this.setData({image:res.data}) console.log(res.data) } }) } }) } }) photo.wxss页面 .camera{ width: 100vw; height: 100vh; } .record{ position: fixed; bottom: 10rpx; left: 0; right: 0; width: 120rpx; height: 120rpx; margin: auto; border-radius: 50%; } .img{ width:100%; height:300px; position: absolute; bottom:0; top:500px }标签:拍照,展示,res,照片,photo,wx,data,页面 来源: https://www.cnblogs.com/sq652366/p/12525327.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。