详解微信小程序-扫一扫 wx.scanCode() 扫码大变身


Posted in Javascript onApril 30, 2019

效果

 详解微信小程序-扫一扫 wx.scanCode() 扫码大变身

js

let app = getApp();
Page({
 data: {
 img: "/images/1.jpg"
 },
 onLoad() {
 },
 scan() {
 wx.scanCode({
  success: (res) => {
  console.log("扫码结果");
  console.log(res);
  this.setData({
   img: res.result
  })
  },
  fail: (res) => {
  console.log(res);
  }
 })
 }
})

html

<view class="view">
 <image class="cover-9" src="{{img}}" bindtap="img"></image>
 <button type="primary" bindtap="scan" id="scan">扫一扫</button>
</view>

css

page{
 height: 100%;
}
.view{
 width: 100%;
 height: 100%;
}
.cover-9{
 width: 688rpx;
 height: 80%;
 margin: 0 30rpx;
 border:2rpx solid;
 border-radius:5px; 
}
button{
 margin: 0 10rpx;
 width: 100%;
}
#scan{
 width: 730rpx;
}

其实就是"/images/2.jpg"和"/images/3.jpg"2个字符串生成二维码,
然后在images文件夹下放对应路径的2张图片,
扫一扫二维码重新赋值。
参考地址:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/scancode.html

以上所述是小编给大家介绍的微信小程序-扫一扫wx.scanCode() 扫码大变身详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
检测是否已安装 .NET Framework 3.5的js脚本
Feb 14 Javascript
JavaScript网页定位详解
Jan 13 Javascript
文本框文本自动补全效果示例分享
Jan 19 Javascript
wap图片滚动特效无css3元素纯js脚本编写
Aug 22 Javascript
JavaScript设计模式之单例模式实例
Sep 24 Javascript
form.submit()不能提交表单的原因分析
Oct 23 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
May 14 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
element-ui表格列金额显示两位小数的方法
Aug 24 Javascript
详解vue中axios请求的封装
Apr 08 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
May 14 Javascript
vue+web端仿微信网页版聊天室功能
Apr 30 #Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 #Javascript
详解iframe跨域的几种常用方法(小结)
Apr 29 #Javascript
详解JS实现系统登录页的登录和验证
Apr 29 #Javascript
实例详解vue中的$root和$parent
Apr 29 #Javascript
微信网页登录逻辑与实现方法
Apr 29 #Javascript
vue和better-scroll实现列表左右联动效果详解
Apr 29 #Javascript
You might like
用session做客户验证时的注意事项
2006/10/09 PHP
php和javascript之间变量的传递实现代码
2012/12/19 PHP
php 生成自动创建文件夹并上传文件的示例代码
2014/03/07 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
THINKPHP截取中文字符串函数实例代码
2017/03/20 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
验证javascript中Object和Function的关系的三段简单代码
2010/06/27 Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
2010/07/24 Javascript
javascript静态页面传值的三种方法分享
2013/11/12 Javascript
jQuery的事件委托实例分析
2015/07/15 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
JS实现选项卡实例详解
2015/11/17 Javascript
javascript计时器编写过程与实现方法
2016/02/29 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
js判断手机系统是android还是ios
2017/03/07 Javascript
vue.js根据代码运行环境选择baseurl的方法
2018/02/28 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
vue中是怎样监听数组变化的
2020/10/24 Javascript
JavaScript动态生成表格的示例
2020/11/02 Javascript
python实现bucket排序算法实例分析
2015/05/04 Python
python安装numpy和pandas的方法步骤
2019/05/27 Python
pandas实现to_sql将DataFrame保存到数据库中
2019/07/03 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
python接入支付宝的实例操作
2020/07/20 Python
Python configparser模块封装及构造配置文件
2020/08/07 Python
印尼最大的网上书店:Gramedia.com
2018/09/13 全球购物
工程管理造价应届生求职信
2013/11/13 职场文书
毕业生个人求职自荐信
2014/02/26 职场文书
应聘教师自荐书
2014/06/16 职场文书
法人代表证明书格式
2014/10/01 职场文书
银行招聘自荐信
2015/03/06 职场文书
女方离婚起诉书
2015/05/18 职场文书
红高粱观后感
2015/06/10 职场文书