微信小程序生成二维码并保存，分享，下载

依赖工具

使用weapp-qrcode-base64库生成二维码的base64编码
链接：weapp-qrcode-base64

安装

npm install qrcode-base64

构建
微信开发者工具->工具->构建npm
引入

import QR from 'qrcode-base64'

使用

var imgData = QR.drawImg(this.data.codeText, {typeNumber: 4,errorCorrectLevel: 'M',size: 500})
this.setData({url:imgData
})

<image src="{{url}}" ></image>

实现方法

在生成base64编码后，可将其保存在微信临时路径，再调用wx.showShareImageMenu()方法显示分享页面
代码如下

imgData = imgData.slice(imgData.indexOf(',') + 1, imgData.length) //注意，保存的base64编码不能包括前缀如（data:image/png;base64,）let manage = wx.getFileSystemManager()let filePath = wx.env.USER_DATA_PATH + '/temp.gif' manage.writeFile({filePath: filePath,data: imgData,encoding: 'base64',success(res){console.log(res)wx.showShareImageMenu({path: filePath,success(res){console.log(res)},fail(err){console.log(err)}})}})

效果图

【微信小程序生成二维码并下载，分享】相关推荐

微信小程序生成二维码的两种方式
微信小程序生成二维码的两种方式 2020/11/10 第一种,利用网络api自动生成 <image class="xin-erma" src="{{'https:/ ...
微信小程序生成二维码js
微信小程序生成二维码js 参考:https://github.com/tomfriwel/weapp-qrcode 最新的二维码工具:https://github.com/KeeeX/qrcodejs ...
【微信小程序】微信小程序生成二维码报错errcode=41030,invalid page rid
场景调用微信小程序生成二维码接口,提示报错错误内容 array(2) {["errcode"] => int(41030)["errmsg"] =&g ...
微信小程序生成二维码带参海报
微信小程序生成二维码带参海报没错,就是用 canvas 来实现文章目录微信小程序生成二维码带参海报获取屏幕分辨率比生成二维码获取网络图片并转为本地临时文件绘制背景图片以及二维码代码片段 ...
微信小程序生成二维码，接口C接收值
微信小程序生成二维码,接口C接收值深坑解决接口C替代方案深坑当我们用微信二维码生成接口c类型的二维码时,需要传入参数,而根据文档我们填写 path时传入参数例如 pah: page/in ...
微信小程序生成二维码可文字，链接，图片（支持中文）
功能简介 : 微信小程序生成二维码,支持文本和网址,支持中英文,输入框可清空,可单击保存二维码...... 核心代码 : createQrCode:function(url,canvasId,cavW ...
微信小程序生成二维码工具类附带完整示例和源码
小程序二维码生成源码地址使用复制src/qrcode.js到小程序目录下,直接引入即可使用方法说明 // 通过RenderingContext绘制 function draw(ctx: any ...
微信小程序生成二维码scene过长解决方法
小程序二维码scene参数限定长度为32位字符,但是实际开发中可能有很多的参数需要传递,怎么办呢? 对于目前32位长度的限制,解决方案: 方案一.中间页 + 短参数新建一个中间空白跳转页面,每次生成的 ...
【精】微信小程序生成二维码海报分享 [原理+源码]
关于海报分享的教程数不胜数, 但是我没能找到一个好用的, 为了实现这个功能结合了三篇教程耗时三天才把海报搞定; 首先网络上教程都是直接上教程代码, 然后代码加思路, 对小白我来说就是一头雾水, 只能边 ...

【微信小程序生成二维码并下载，分享】

微信小程序生成二维码并保存，分享，下载

依赖工具

实现方法

效果图

【微信小程序生成二维码并下载，分享】相关推荐

最新文章

热门文章