jQuery implémente la fonction de reconnaissance de code QR de WeChat en appuyant longuement

J'ai récemment travaillé sur un projet de développement WeChat, et il est enfin presque terminé. Aujourd'hui, j'ai pris le temps d'enregistrer la solution au problème selon lequel le code QR généré par jquery.qrcode.min.js n'était pas reconnu lorsque. Longtemps pressé pendant le processus de développement du projet, j'espère que cela aidera tout le monde !

1. Présentez la bibliothèque JS

<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. Créez un div vide sur la page

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

3. Générer un code QR

$("#qrDiv").qrcode({
width: 120, //宽度
height:120, //高度
text: "需要生成的二维码内容" //任意内容
});

Remarque : le code QR généré à ce moment n'a pas de réponse dans Changan dans WeChat, car le qrcode génère des balises canevas au lieu de balises img

4. Convertir la balise canvas en balise 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;
}
//获取网页中的canvas对象
var mycanvas1=document.getElementsByTagName('canvas')[0];
//将转换后的img标签插入到html中
var img=convertCanvasToImage(mycanvas1);
$('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id

Remarque : après avoir terminé les étapes ci-dessus, vous pouvez appuyer longuement pour l'identifier dans WeChat

Le ci-dessus est le jQuery implémenté par l'éditeur pour implémenter la fonction de reconnaissance du code QR par appui long sur WeChat. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus d'articles sur l'implémentation jQuery de la reconnaissance des appuis longs WeChat sur le code QR, veuillez faire attention au site Web PHP chinois !