html5项目实现扫描二维码功能

最新推荐文章于 2025-01-05 20:56:13 发布

czertwee

最新推荐文章于 2025-01-05 20:56:13 发布

阅读量957

点赞数 4

文章标签： html5 前端 html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_25523647/article/details/138805895

版权

实现原理：调取手机摄像头扫一扫功能实现
注：调取手机摄像头需要再https协议下才可以，有的项目启动配置https:true可以实现启动的项目协议为https且可以访问，有的还是需要证书才能访问

1、下载html5-qrcode

1	`npm i html5-qrcode`

2、使用

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

<template>
<div class="container" v-show="isShow">
<

最低0.47元/天解锁文章

博客等级

码龄10年

1
原创

4
点赞

5
收藏

0
粉丝

关注

私信

热门文章

html5项目实现扫描二维码功能 957

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。