详解微信小程序-扫一扫 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 相关文章推荐
baidu博客的编辑友情链接的新的层窗口!经典~支持【FF】
Feb 09 Javascript
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
浅谈javascript中的闭包
May 13 Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
Jun 11 Javascript
ES6新增的math,Number方法
Aug 06 Javascript
微信小程序如何调用json数据接口并解析
Jun 29 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
Feb 11 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 Javascript
微信小程序实现聊天室
Aug 21 Javascript
前端JS获取URL参数的4种方法总结
Apr 05 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
PHP实现的带超时功能get_headers函数
2015/02/10 PHP
PHP精确到毫秒秒杀倒计时实例详解
2019/03/14 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
Laravel 将数据表的数据导出,并生成seeds种子文件的方法
2019/10/09 PHP
JS IE和FF兼容性问题汇总
2009/02/09 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
JavaScript变量声明详解
2014/11/27 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
2015/10/22 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
2016/10/27 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
2017/02/21 Javascript
jQuery实现 RadioButton做必选校验功能
2017/06/15 jQuery
axios对请求各种异常情况处理的封装方法
2018/09/25 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
跟老齐学Python之一个免费的实验室
2014/09/14 Python
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
使用Python设计一个代码统计工具
2018/04/04 Python
pandas表连接 索引上的合并方法
2018/06/08 Python
python中下标和切片的使用方法解析
2019/08/27 Python
Python第三方包之DingDingBot钉钉机器人
2020/04/09 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
python 带时区的日期格式化操作
2020/10/23 Python
SQL Server笔试题
2012/01/10 面试题
原材料检验岗位职责
2014/03/15 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
房屋买卖协议书
2014/04/10 职场文书
保护地球的标语
2014/06/17 职场文书
小区的门卫岗位职责
2014/10/01 职场文书
工作经历证明书范文
2014/11/02 职场文书
工作能力自我评价2015
2015/03/05 职场文书
2019年思想汇报
2019/06/20 职场文书
OpenCV-Python实现怀旧滤镜与连环画滤镜
2021/06/09 Python
Linux系统下安装PHP7.3版本
2021/06/26 PHP