最近一直在搞一個(gè)微信開(kāi)發(fā)的項(xiàng)目，終于快要完工了，今天小編抽個(gè)時(shí)間記錄下在項(xiàng)目開(kāi)發(fā)過(guò)程中遇到j(luò)query.qrcode.min.js生成二維碼長(zhǎng)按不識(shí)別的解決方法，希望對(duì)大家有所幫助！

1.引入JS庫(kù)

<script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script> 
<script src="jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>

2.在頁(yè)面創(chuàng)建一個(gè)空的div;

<div id="qrDiv"></div>

3.生成二維碼

$("#qrDiv").qrcode({ 
width: 120, //寬度 
height:120, //高度 
text: "需要生成的二維碼內(nèi)容" //任意內(nèi)容 
});

注意：這個(gè)時(shí)候生成的二維碼在微信中長(zhǎng)安沒(méi)任何反應(yīng)，因?yàn)閝rcode生成的是canvas標(biāo)簽而不是img標(biāo)簽

4.將canvas標(biāo)簽轉(zhuǎn)換為img標(biāo)簽

//從 canvas 提取圖片 image 
function convertCanvasToImage(canvas) { 
//新Image對(duì)象，可以理解為DOM 
var image = new Image(); 
// canvas.toDataURL 返回的是一串Base64編碼的URL，當(dāng)然,瀏覽器自己肯定支持 
// 指定格式 PNG 
image.src = canvas.toDataURL("image/png"); 
return image; 
} 
//獲取網(wǎng)頁(yè)中的canvas對(duì)象 
var mycanvas1=document.getElementsByTagName('canvas')[0]; 
//將轉(zhuǎn)換后的img標(biāo)簽插入到html中 
var img=convertCanvasToImage(mycanvas1); 
$('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id

注意：完成上述步驟后就可以在微信中長(zhǎng)按識(shí)別了

以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)微信長(zhǎng)按識(shí)別二維碼功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: