Un : Reconnaissance : URL du code QR de l'image :
Si le backend renvoie l'URL de l'image du code QR, il s'affichera directement et la reconnaissance gestuelle d'appui long pourra être effectuée, puis la méthode pourra être appelée.
Implémentation de la reconnaissance des balises < mage > appui long (version WeChat > 2.7.0)
<image show-menu-by-longpress="true" src="../../static/we.png" ></image>show-menu-by-longpress="true" peut réaliser l'identification des codes QR (code personnel WeChat, code de groupe WeChat, code personnel WeChat d'entreprise, code de groupe WeChat d'entreprise et code de groupe d'interfonctionnement WeChat d'entreprise)
lien du document officiel uniapp
lien du document officiel de l'applet WeChat
Réalisez en prévisualisant l'image, puis appuyez longuement
sur uni.previewImage(OBJECT), cette méthode peut prévisualiser l'image en plein écran dans la nouvelle page, et appuyez longuement pour ouvrir le menu de fonctionnement, qui a l'identification du code bidimensionnel ( Code personnel WeChat, code de groupe WeChat, code personnel WeChat d'entreprise, code de groupe WeChat d'entreprise et code de groupe d'intercommunication WeChat d'entreprise) : ces deux API doivent être utilisées ensemble. Si l'une d'entre elles est utilisée seule, le but de la reconnaissance d'un appui long ou la reconnaissance des clics ne peut pas être obtenue.
<image show-menu-by-longpress="true" src="../../static/we.png" @longpress="openimg"></image>
openimg(e) {
uni.previewImage({
// 需要预览的图片链接列表
urls: ['../../static/we.png'],
// 为当前显示图片的链接/索引值
current: "../../static/we.png",
// 图片指示器样式
indicator:'default',
// 是否可循环预览
loop:false,
// 长按图片显示操作菜单，如不填默认为保存相册
// longPressActions:{
// itemList:[this.l('发送给朋友'),this.l]
// },
success: res => {
console.log('res', res);
},
fail: err => {
console.log('err', err);
}
});
},Il n'y a pas de valeur src dans le e.target obtenu par le test de code openimg(e) {}, donc les urls et le courant ici sont assignés directement, ou vous pouvez définir un attribut pour le sauvegarder.
l'image src peut être locale ou url.
Les URL dans previewImage sont de grandes images d'affichage, qui ne peuvent pas être vides après le test. Il peut s'agir d'une image locale ou d'une URL.
Activez l'attribut :show-menu-by-longpress="true" de l'image pour reconnaître l'opération d'appui long
Une fois ces deux API terminées, l'effet qui peut être directement obtenu est de reconnaître les codes QR dans les images (codes QR WeChat personnels, codes QR WeChat de groupe, codes QR d'entreprise, etc., et codes QR de petit programme).
Code QR personnel WeChat --> accéder directement à la page personnelle ou ajouter des amis,
Code QR du groupe --> accéder directement à la page du groupe ou rejoindre la page du groupe,
Code QR du groupe d'entreprise --> passer directement à la page d'ajout de groupe ou de groupe,
Petit code de programme --> Aller directement au petit programme
Par conséquent, il n'est pas nécessaire d'effectuer d'autres traitements dans le suivi, et la reconnaissance du chargement du cercle apparaîtra directement. Beaucoup d'autres sur Internet disent qu'ils ne peuvent reconnaître que la connexion du code QR de l'applet. Il se peut que l'ancienne API soit utilisée, mais la nouvelle version est possible. Ici, le processus de vérification est terminé.
Dans l'image ci-dessus, la reconnaissance de code QR personnel est activée et la reconnaissance de code QR de groupe est activée.
Deux : Selon le flux de fond, retour au dessin :
Générez un code QR basé sur le flux renvoyé par l'arrière-plan et placez-le sur le canevas. Cela nécessite de scanner le code ou de prendre une capture d'écran pour identifier ou enregistrer la capture d'écran.
uQRCode peut utiliser cette application unique à trois parties comment utiliser le plug-in uQRCode pour générer un code QR personnalisé_plug-in de code QR uniapp_Moran Moran's Blog-CSDN Blog
Trois : scanner le code
Analyser l'API de code du système uniapp
// 允许从相机和相册扫码
uni.scanCode({
success: function (res) {
console.log('条码类型：' + res.scanType);
console.log('条码内容：' + res.result);
}
});
// 只允许通过相机扫码
uni.scanCode({
onlyFromCamera: true,
success: function (res) {
console.log('条码类型：' + res.scanType);
console.log('条码内容：' + res.result);
}
});
// 调起条码扫描
uni.scanCode({
scanType: ['barCode'],
success: function (res) {
console.log('条码类型：' + res.scanType);
console.log('条码内容：' + res.result);
}
});
Il appellera l'album photo ou l'appareil photo local pour sélectionner les images à numériser.