前端微信小程序生成二维码(wxbarcode),并保存到手机相册
创始人
2024-12-16 23:08:36
0

前端微信小程序生成二维码(wxbarcode),并保存到手机相册

微信小程序由前端生成二维码,利用wxbarcode插件,可以才有npm install的方式,也可以去git上下载js文件,下面展示的是从git上下载js文件的方式:

(1)下载js文件(git地址在最下方),放入项目中,可以放在utils文件夹中;
wxbarcode
(2)index.wxml

 保存到手机 

(3)在页面的index.js文件中引入js文件

import wxbarcode from '../../../utils/wxbarcode/index'; Page({   data:{},   onLoad(options) {     let urlStr = '123'  //需要生成二维码的内容     wxbarcode.qrcode('qrcode', urlStr, 260, 260);   },   // 保存图片到手机   saveImg() {     wx.canvasToTempFilePath({       canvasId: 'qrcode',       success: function (res) {         wx.getImageInfo({           src: res.tempFilePath,           success: (res) => {             let path = res.path;             wx.saveImageToPhotosAlbum({               filePath: path,               success: (res) => {                 console.log(res);                 wx.showToast({                   title: '已保存到相册',                 })               },               fail: (res) => {                 console.log(res);               }             })           },           fail: (res) => {             console.log(res);           }         })       },       fail: function (res) {         wx.showToast({           title: '图片生成失败'         });         console.log("图片生成失败error", res)       }     }, this)   }, }) 

插件下载地址:https://github.com/1961866686/wxbarcode/tree/master/demo/utils

相关内容

热门资讯

aapoker发牌机制!aap... aapoker发牌机制!aapoker钻石代理有挂的,(aapoKer)竟然是真的有挂(详细辅助解密...
辅助透视(德州)德州ai辅助(... 辅助透视(德州)德州ai辅助(透视)总是是真的有挂(详细辅助新2025版)一、德州ai辅助软件透明挂...
透视能赢(WPK)微扑克有辅助... 透视能赢(WPK)微扑克有辅助挂(透视)详细辅助解说技巧(确实存在有挂);小薇(透视辅助)致您一封信...
aapoker有挂!aa扑克有... aapoker有挂!aa扑克有外挂吗,(Aapoker)总是是有挂(详细辅助玩家教你)1、下载好aa...
透视软件(德州俱乐部)德扑之星... 透视软件(德州俱乐部)德扑之星ai代打(透视)原来真的有挂(详细辅助必备教程);1、让任何用户在无需...
透视了解(wpK)微扑克系统发... 透视了解(wpK)微扑克系统发牌规律(透视)详细辅助wpk教程(一贯是有挂)1、操作简单,无需注册,...
aapoker猫腻!aa po... aapoker猫腻!aa poker有没有挂,(AAPOKEr)真是是真的有挂(详细辅助系统教程)1...
透视安装(云扑克德州)德州免费... 透视安装(云扑克德州)德州免费辅助神器app(透视)都是是有挂(详细辅助wpk教程)1、进入到德州免...
透视攻略(WPK)微扑克全自动... 透视攻略(WPK)微扑克全自动机器人(透视)详细辅助介绍教程(一贯是有挂);1、微扑克全自动机器人透...
aapoker有挂!德州aap... aapoker有挂!德州aapoker俱乐部外挂,(aapokeR)确实有挂(详细辅助解密教程)1、...