HTML5+规范API-扫码功能
作者:程序员11 时间:2023-05-17 人气:318 QQ交流群\邮箱:1003265987@qq.com
HTML5+规范API-扫码功能
要展示的内容
简介: 扫码的两种实现:①直接对外部进行扫描;②点开相册对已有图片进行扫一扫
完整代码一
<button type="button" class="mui-btn mui-btn-blue" id="btn">按钮</button> <div id="bcid"></div> <script type="text/javascript"> var btn = document.getElementById("btn"); btn.addEventListener("tap",function(){ var bc = new plus.barcode.Barcode("bcid",[],{}); bc.start(); //显示动态的扫描条纹 // 条码识别成功事件 bc.onmarked = function(type,code,file){ alert(type); //识别到的条码类型 alert(code); //识别到的条码数据 alert(file); //识别到的图片文件路径 } // 条码识别失败事件 bc.onerror = function(){ } }); </script>
完整代码二
<button type="button" class="mui-btn mui-btn-blue" id="pick">从相册选取图片</button> <script type="text/javascript"> var pick = document.getElementById("pick"); // 打开系统相册 pick.addEventListener("tap",function(){ plus.gallery.pick(function(filepath){ plus.barcode.scan(filepath,function(type,code){ // scan:通过图片扫描条码数据 alert(type); alert(code); }) }) }) </script>
温馨提示:
欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。
HTML5-热门文章
活跃用户












