html5+js实现二维码扫描

发布网友发布时间：2022-04-20 02:39

我来回答

共5个回答

热心网友时间：2022-04-06 13:02

通过下面的代码即可实现：

HBuilder就有调用原生硬件的接口html5++

<!DOCTYPE html>

<html>

<head>

<title>Camera Example</title>

// 扩展API加载完毕后调用onPlusReady回调函数

document.addEventListener( "plusready", onPlusReady, false );

var r = null;

// 扩展API加载完毕，现在可以正常调用扩展API

function onPlusReady() {

// 获取设备默认的摄像头对象

var cmr = plus.camera.getCamera();

1、代码：代码就是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。

2、html5：是指万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（ HTML）的第五次重大修改。2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

热心网友时间：2022-04-06 14:20

生成二维码支持中文

追问不是生成二维码，是扫描然后获取数据

热心网友时间：2022-04-06 15:55

亲，你这个问题解决了吗，我也遇到这个问题了

热心网友时间：2022-04-06 17:46

不用js用html就可以直接实现了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Barcode Example</title>
<script type="text/javascript" >
// 扩展API加载完毕后调用onPlusReady回调函数
document.addEventListener( "plusready", onPlusReady, false );
// 扩展API加载完毕，现在可以正常调用扩展API
function onPlusReady() {
var e = document.getElementById("scan");
e.removeAttribute( "disabled" );
}
// 从图片中扫描
function scanImg() {
plus.barcode.scan( '_www/barcode.png', function (type,result) {
alert( "Scan success:("+type+")"+result );
}, function (error) {
alert( error.message );
} );
}
</script>
<style type="text/css">
*{
-webkit-user-select: none;
}
html,body{
margin: 0px;
padding: 0px;
height: 100%;
}//你一去5 1 r g b。c o m看看
</style>//http://v.youku.com/v_show/id_XMTMzMTM0ODIzMg==.html</head>
<body >
<input id="scan" type='button' disabled="disabled" onclick='scanImg()' value='扫描图片'></input>
</body>//
</html>

热心网友时间：2022-04-06 19:54

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Barcode Example</title>
<script type="text/javascript" >
// 扩展API加载完毕后调用onPlusReady回调函数
document.addEventListener( "plusready", onPlusReady, false );
// 扩展API加载完毕，现在可以正常调用扩展API
function onPlusReady() {
var e = document.getElementById("scan");
e.removeAttribute( "disabled" );
}
// 从图片中扫描
function scanImg() {
plus.barcode.scan( '_www/barcode.png', function (type,result) {
alert( "Scan success:("+type+")"+result );
}, function (error) {
alert( error.message );
} );
}
</script>
<style type="text/css">
*{
-webkit-user-select: none;
}
html,body{
margin: 0px;
padding: 0px;
height: 100%;
}
</style>
</head>
<body >
<input id="scan" type='button' disabled="disabled" onclick='scanImg()' value='扫描图片'></input>
</body>
</html>