公眾號引入攝像頭掃碼功能
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>調(diào)用掃一掃</title>
</head>
<body>
<div>點我調(diào)用掃一掃</div>
</body>
<script src='https://res.wx.qq.com/open/js/jweixin-1.0.0.js'></script>
<script>
var div=document.querySelector('div');
var data;//接受配置信息，后臺給的
var getWxConfig=function(){
var xhr=null;
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();
} else if(window.ActiveXObject){
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open('post','getWxConfig.php');
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
data=(xhr.responseText);
}
};
xhr.send(openID);
}
getWxConfig();
div.onclick=function(){
wx.config({
debug : false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會通過log打出，僅在pc端時才會打印。
// debug : true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會通過log打出，僅在pc端時才會打印。
appId : data.appId, // 必填，公眾號的唯一標識
timestamp : data.timestamp, // 必填，生成簽名的時間戳
nonceStr : data.noncestr, // 必填，生成簽名的隨機串
signature : data.signature,// 必填，簽名，見附錄1
jsApiList : ['checkJsApi', 'scanQRCode'] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
});
wx.ready(function() {
wx.scanQRCode({
needResult: 1, // 默認為0，掃描結(jié)果由微信處理，1則直接返回掃描結(jié)果，
scanType: ["qrCode","barCode"], // 可以指定掃二維碼還是一維碼，默認二者都有
success: function (res) {
var result = res.resultStr; // 當needResult 為 1 時，掃碼返回的結(jié)果
console.log(res);
alert(res);
var result = res.resultStr; // 當needResult 為 1 時，掃碼返回的結(jié)果
sessionStorage.setItem('saomiao_result',result);
//其它網(wǎng)頁調(diào)用二維碼掃描結(jié)果：
//var result=sessionStorage.getItem('saomiao_result');
}
});
});
}
</script>
</html>如果您的問題還未解決可以聯(lián)系站長付費協(xié)助。
有問題可以加入技術(shù)QQ群一起交流學(xué)習(xí)
本站vip會員 請加入無憂模板網(wǎng) VIP群（50604020） PS:加入時備注用戶名或昵稱
普通注冊會員或訪客 請加入無憂模板網(wǎng) 技術(shù)交流群（50604130）
客服微信號：15898888535
聲明：本站所有文章資源內(nèi)容，如無特殊說明或標注，均為采集網(wǎng)絡(luò)資源。如若內(nèi)容侵犯了原著者的合法權(quán)益，可聯(lián)系站長刪除。
