微信小程序实现二维码生成器

网友投稿 629 2023-11-10

−目录一、项目展示二、项目核心代码

一、项目展示

项目是一个简单实用的二维码生成器。

微信小程序实现二维码生成器

使用者可以在生成器中输入文字生成二维码，也可以在识别器中识别二维码的内容

二、项目核心代码

二维码生成

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
// pages/home/home.js
Page({
data:{
qrMsg: ,
recognizeMsg: ,
isShowMsg: false,
isShowResult: false,
showClear: true,
},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
this.setData({
isShowMsg: false,
isShowResult: true,
})
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
},
// 生成二维码
makeQrcode: function(e) {
this.setData({
isShowMsg: false,
isShowResult: true,
})
console.log(this.data.qrMsg + "家")
if (this.data.qrMsg == "") {
wx.showToast({
title: 二维码内容不能为空,
icon: loading,
duration: 500
})
return
}
var that = this
wx.navigateTo({
url: ../main/main?msg= + that.data.qrMsg,
success: function(res){
// success
},
fail: function() {
// fail
},
complete: function() {
// complete
}
})
},
bindInput: function(e) {
console.log(e.detail.value)
this.setData({
qrMsg: e.detail.value
})
if (this.data[qrMsg].length > 1) {
this.setData({
showClear: false
})
} else {
this.setData({
showClear: true
})
}
},
// 清空
bindClearAll: function(res) {
wx.redirectTo({
url: ../home/home,
})
},
// 识别二维码
recognizeCode: function() {
this.setData({
isShowMsg: true,
isShowResult: false,
recognizeMsg: "",
})
var that = this
wx.scanCode({
success: function(res){
// success
console.log(res)
that.setData({
recognizeMsg: res["result"]
})
},
fail: function() {
// fail
},
complete: function() {
// complete
}
})
},
})

到此这篇关于微信小程序实现二维码生成器的文章

您可能感兴趣的文章:微信小程序二维码生成工具 weapp-qrcode详解微信小程序生成二维码的示例代码微信小程序动态生成二维码的实现代码微信小程序将字符串生成二维码图片的操作方法

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。

标签：程序 微信小程序 小程序 字符
上一篇:uni-app做微信小程序的分包处理方法
下一篇:小程序通过小程序云实现微信支付功能实例
相关文章

 发表评论

暂时没有评论，来抢沙发吧~