导航

网站制作H5端呼起摄像头扫描二维码

发布时间:2020-01-05 19:55:52 来源:「九州科技」值得信赖的互联网服务商

手机网页端,扫描二维码完成查询功能

 

优点:

 

web端或者是 h5端可以直接完成扫码的工作;不局限于手机是安卓还是IOS系统

 

3.缺点:

 

图片不清晰很容易解析失败(拍照扫描图片需要镜头离二维码的距离很近),

 

说明:

 

此插件需要配合zepto.js 或者 jQuery.js使用

使用方法:

1.在需要使用的页面按照下面顺序引入lib目录下的 js 文件

2.自定义按钮的 html 样式

为自定义的按钮添加自定义属性,属性名称为node-type
为 input 按钮添加自定义的属性, 属性名称为node-type

因为该插件需要使用<input type=”file” /> ,该 html 结构在网页上面是有固定的显示样式,为了能够自定义按钮样式,我们可以按照下面的示例代码结构嵌套代码

然后设置 input 按钮的 css 隐藏按钮,比如我使用的是属性选择器

这里我们只需要按照自己的需要定义class="qr-btn"的样式即可。

3.在页面上初始化 Qrcode 对象

 
1
2
3
4
    //初始化扫描二维码按钮,传入自定义的 node-type 属性
    $(function() {
        Qrcode.init($('[node-type=qr-btn]'));
    });

最新资讯
相关推荐
服务项目
微信客服
180-7107-7883
地址:湖北省武汉市解放大道航天双城6栋25层
E-mail:125435440@QQ.com
备案号:鄂ICP备13002765号-6    鄂公网安备 42010202000700号    网站地图
九州科技,您身边的互联网应用方案提供商-高端网站建设-网站制作-网站开发-网页设计-微信开发-小程序开发
高端网站建设 公众号开发 小程序制作 网站seo优化 H5活动营销 互联网产品

18071077883

提交需求