前端微信小程序生成二维码(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

相关内容

热门资讯

二分钟揭秘!同仁棋牌可以买挂吗... 二分钟揭秘!同仁棋牌可以买挂吗,星悦麻将系统输赢规矩(其实有辅助挂);1、任何星悦麻将系统输赢规矩a...
4分钟了解!微信小程序十三张有... 4分钟了解!微信小程序十三张有挂吗,一乐浙江麻将果然有挂辅助挂,AI教程(有挂教学)1、微信小程序十...
揭秘!边锋老友麻将胡牌技巧(一... 揭秘!边锋老友麻将胡牌技巧(一直存在有挂)详细辅助教程暗藏猫腻,小编详细说明边锋老友麻将胡牌技巧原来...
最新技巧!!微友助手永久免费版... 最新技巧!!微友助手永久免费版(透明挂)外挂透视辅助神器(2020已更新)(哔哩哔哩)1、很好的工具...
7分钟插件!掌酷十三张辅助器方... 7分钟插件!掌酷十三张辅助器方法,中至吉安王炸有挂么(果然真的有挂)1、起透看视 掌酷十三张辅助器方...
科技通报!全民雀神麻将免费下载... 科技通报!全民雀神麻将免费下载安装(本来存在有挂)详细辅助挂教程1)全民雀神麻将免费下载安装辅助挂:...
四分钟攻略!决战卡五星一直输可... 四分钟攻略!决战卡五星一直输可以赢吗,正宗南通长牌切实有辅助挂,新版2025教程(有挂黑科技)决战卡...
总算了解!!jj斗地主系统控牌... 总算了解!!jj斗地主系统控牌吗(透视辅助)透视脚本辅助挂(2025已更新)(哔哩哔哩);1、金币登...
2分钟方法!瑞星游戏有挂吗,哈... 2分钟方法!瑞星游戏有挂吗,哈局十三张(一直存在有挂)在进入瑞星游戏有挂吗辅助挂后,参与本局比赛的八...
每日必看!同城字牌辅助器(其实... 每日必看!同城字牌辅助器(其实是有挂)详细透视辅助教程;同城字牌辅助器辅助器中分为三种模型:同城字牌...