<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.在頁面創(chuàng)建一個空的div;

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

3.生成二維碼

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

注意：這個時候生成的二維碼在微信中長安沒任何反應(yīng)，因為qrcode生成的是canvas標簽而不是img標簽

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

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

注意：完成上述步驟后就可以在微信中長按識別了

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

您可能感興趣的文章: