测试方法: 将以下代码保存到htm文件放到服务器上。然后将这个html文件的URL发给微信上任意好友后点开访问。
测试效果: 在打开的页面中点击页面上的扫码按钮,对准任意二维码或者条形码扫描后,内容会出现在网页的输入框里。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<title>微信h5扫码接口范例:扫码后内容显示到输入框</title>
</head>
<body>
<input type="text" id="erweima">
<a href="javascript:window.open('//996315.com/api/scan/?redirect_uri=' + encodeURIComponent(location.href), '_self');">Scan</a>
<script type="text/javascript">
var qr=GetQueryString("qrresult");
if(qr){
document.all.erweima.value=qr;
}
function GetQueryString(name){
var reg = new RegExp("\\b"+ name +"=([^&]*)");
var r = location.href.match(reg);
if (r!=null) return decodeURIComponent(r[1]);
}
</script>
</html>