logo 组件应用

JTBC5 H5扫码组件

JTBC5 H5扫码组件

简介

H5扫码组件采用ZXing js库,兼容主流移动浏览器,实现网页内快速调用摄像头进行二维码扫描。
开发者仅需简单集成,即可为网站添加扫码功能。

组件只能在 https 协议下使用

价格

¥9

服务

在线咨询 点击咨询;或加QQ: 470271565

如有需要可以 点击 扫码支付,然后加 qq 联系发源码。

使用方法

因为此组件就是一个前端组件,完全符号 J5 组件调用规范,直接吧 src 目录中的文件复制到项目的 Public 目录,即可在项目中直接使用了。

引入组件 

具体使用

<div id="scancode" class="content" style="margin-top: 20px; min-height: 600px;">
        <button class="b2" style="margin-bottom: 10px">扫码</button>
        <textarea></textarea>
</div>
        <script>
            const scancodeEl = document.getElementById('scancode');
            const textareaEl = scancodeEl.querySelector('textarea');
            scancodeEl.querySelector('button').addEventListener('click', ()=>{
                const myscancode = document.querySelector('my-scan-code');
                // 扫码开始
                myscancode.startScanCode((res)=>{
                    // 这是扫码成功后的回调
                    console.log(res);
                    textareaEl.value = res.text;
                })
            })
        </script>

扫码的截图展示

 

数据结构

======================================