微信h5扫码接口范例:扫码后内容显示到输入框

测试方法: 将以下代码保存到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>

猜你喜欢

转载自blog.csdn.net/sysdzw/article/details/132767255
今日推荐