html5怎么做扫描二维码的功能

html5怎么做扫描二维码的功能,第1张

1.解决的问题:

1.能够在微博客户端呼起摄像头扫描二维码并且解析

2.能够在原生浏览器和微信客户端中扫描二维码并且解析

2.优点:

web端或者是 h5端可以直接完成扫码的工作;

3.缺点:

图片不清晰很容易解析失败(拍照扫描图片需要镜头离二维码的距离很近),相对于 native 呼起的摄像头解析会有1-2秒的延时。

说明:

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

使用方法:

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

复制代码

代码如下:

<script src="lib/zepto.js"></script>

<script src="lib/qrcode.lib.min.js"></script>

<script src="lib/qrcode.js"></script>

<!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>

我没有试过 你自己看看

用程序就可以了,php c#等都可以,使用正则表达式,或者字符串位置函数就可以了。

例如C#可以这样 *** 作。

string html = '....'

string js = ''

pos1 = html.indexOf('<script')

while (pos1 >-1)

{

pos2 = html.indexOf('</script>', pos1)

js += html.subString(pos1, pos2+9) //这里就是获取的javascript内容,可能有多个,进行连接 *** 作,或者保存到数组中。

html = html.subString(0, pos1)+html.subString(pos2+9)

pos1 = html.indexOf('<script') //然后循环获取javascript内容

}

这样得到的html内容就是排除了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7679049.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存