详解微信小程序-扫一扫 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 相关文章推荐
javascript数字数组去重复项的实现代码
Dec 30 Javascript
jQuery实现动画效果的实例代码
May 07 Javascript
jquery选择器、属性设置用法经验总结
Sep 08 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
Feb 20 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
May 15 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
Javascript中的方法和匿名方法实例详解
Jun 13 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
AngularJs  Creating Services详解及示例代码
Sep 02 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
Es6 写的文件import 起来解决方案详解
Dec 13 Javascript
微信小程序 在线支付功能的实现
Mar 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
PHP 批量更新网页内容实现代码
2010/01/05 PHP
PHP下对字符串的递增运算代码
2010/08/21 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
php读取富文本的时p标签会出现红线是怎么回事
2014/05/13 PHP
Zend Studio使用技巧两则
2016/04/01 PHP
php实现批量修改文件名称的方法
2016/07/23 PHP
php基于curl主动推送最新内容给百度收录的方法
2016/10/14 PHP
PHP 扩展Memcached命令用法实例总结
2020/06/04 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
jquery中ajax学习笔记4
2011/10/16 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
2015/08/24 Javascript
javascript实现动态标签云
2015/10/16 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
js运动事件函数详解
2016/10/21 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
2017/01/24 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
2017/07/24 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
2018/03/15 Javascript
JS 实现分页打印功能
2018/05/16 Javascript
node之本地服务器图片上传的方法示例
2019/03/26 Javascript
vue组件中节流函数的失效的原因和解决方法
2020/12/02 Vue.js
从零学Python之hello world
2014/05/21 Python
python3 面向对象__类的内置属性与方法的实例代码
2018/11/09 Python
pandas dataframe 中的explode函数用法详解
2020/05/18 Python
python中pop()函数的语法与实例
2020/12/01 Python
AmazeUI 折叠面板的实现代码
2020/08/17 HTML / CSS
调解协议书
2014/04/16 职场文书
2015年依法行政工作总结
2015/04/29 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
黄埔军校观后感
2015/06/10 职场文书
八月一日观后感
2015/06/10 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS
如何理解PHP核心特性命名空间
2021/05/28 PHP
Win11怎样将锁屏账户头像图片改成动画视频
2021/11/21 数码科技
基于Redis6.2.6版本部署Redis Cluster集群的问题
2022/04/01 Redis