js中调用的扫描二维码功能的实现代码
己亥杂诗的诗意js中调⽤的扫描⼆维码功能的实现代码
关键代码
<html>
<head>
<title>
js调⽤扫⼀扫功能测试
</title>云梦泽
<!--引⽤JS库-->
<script type="text/javascript" src="res.wx.qq/open/js/jweixin-1.0.0.js"></script>
<!--引⽤jQuery库-->
<script type="text/javascript" src="code.jquery/jquery-1.4.2.min.js"></script>
</head>
<body>上海外滩介绍
<input type="button" value="扫⼀扫" id="scanQRCode">
<script type="text/javascript">
//这⾥【url参数⼀定是去参的本⽹址】
$.get("获取认证参数的⽹址?url=当前⽹页的⽹址", function(data){
var jsondata=$.parseJSON(data);
// 开启调试模式,调⽤的所有api的返回值会在客户端alert出来,若要查看传⼊的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。      debug: false,
// 必填,的唯⼀标识
appId: del.appId,
// 必填,⽣成签名的时间戳
timestamp: "" + del.timestamp,
// 必填,⽣成签名的随机串
nonceStr: Str,
// 必填,签名
signature: del.signature,
// 必填,需要使⽤的JS接⼝列表
jsApiList: ['checkJsApi', 'scanQRCode']
});
});
<(function (res) {
alert("出错了:" + Msg);//这个地⽅的好处就是wx.config配置错误,会弹出窗⼝哪⾥错误,然后根据⽂档查询即可。
});
wx.checkJsApi({
jsApiList: ['scanQRCode'],
success: function (res) {
}
});
//点击按钮扫描⼆维码
混凝土施工工艺document.querySelector('#scanQRCode').onclick = function () {
wx.scanQRCode({
needResult: 1, // 默认为0,扫描结果由处理,1则直接返回扫描结果,
scanType: ["qrCode"], // 可以指定扫⼆维码还是⼀维码,默认⼆者都有
success: function (res) {
var result = sultStr; // 当needResult 为 1 时,扫码返回的结果
alert("扫描结果:"+result);
window.location.href = result;//因为我这边是扫描后有个链接,然后跳转到该页⾯
}
});
};
});
</script>
</body>
</html>
注意事项:
“获取认证参数”
这个的前提是您能够有⾃⼰的开发资质,并能获取到正确的参数
1. 的唯⼀标识
2. 签名的时间戳
3. 签名随机串旅游景区
常见的错误
config:invalid signature
解决办法
“当前⽹页的地址”-----哈哈,⼀定是你写的不对,这⾥⼀定是去参的本⽹页的地址
最好是在服务器下去测试
总结
到此这篇关于在js中调⽤的扫描⼆维码功能的⽂章就介绍到这了,更多相关js 扫描⼆维码内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。