Taro小程序生成二维码保存本地
步骤 生成二维码 - 获取二维码的base64 - 获取权限 - 获得地址 – 保存
import { QRCode } from "taro-code";const ref = useRef<any>();<TView ref={ref}><QRCodetext='world'size={200}scale={4}errorCorrectLevel='M'typeNumber={2}/>
</TView>
在外面加一层View 是为了获取taro-code
生成的image 从而获得src 也就是base64格式的二维码图片
处理权限相关操作
import {getSetting,authorize,saveImageToPhotosAlbum,getFileSystemManager,env,
} from "@tarojs/taro";const handleSaveCode = useCallback(() => {getSetting({success: function ({ authSetting }) {//没有权限则申请if (!authSetting["scope.writePhotosAlbum"]) {authorize({scope: "scope.writePhotosAlbum",success: () => {//存储二维码handleWriteFile();},});} else handleWriteFile();},});
}, []);
handleWriteFile
存储本地逻辑
const handleWriteFile = useCallback(() => {const { src } = ref.current.childNodes[0].props;const data = src.split(",")[1];const filePath = `${env.USER_DATA_PATH}/${Date.now()}.png`;const { writeFile } = getFileSystemManager();// 写入 获得文件路径writeFile({data,filePath,encoding: "base64",success: () => {//存入相册saveImageToPhotosAlbum({filePath,success: () => {console.log("
Taro小程序生成二维码保存本地相关推荐
- 微信小程序生成二维码带参海报
微信小程序生成二维码带参海报 没错,就是用 canvas 来实现 文章目录 微信小程序生成二维码带参海报 获取屏幕分辨率比 生成二维码 获取网络图片并转为本地临时文件 绘制背景图片以及二维码 代码片段 ...
- 微信小程序生成二维码的两种方式
微信小程序生成二维码的两种方式 2020/11/10 第一种,利用网络api自动生成 <image class="xin-erma" src="{{'https:/ ...
- 微信小程序生成二维码js
微信小程序生成二维码js 参考:https://github.com/tomfriwel/weapp-qrcode 最新的二维码工具:https://github.com/KeeeX/qrcodejs ...
- 【微信小程序生成二维码并下载,分享】
微信小程序生成二维码并保存,分享,下载 依赖工具 使用weapp-qrcode-base64库生成二维码的base64编码 链接:weapp-qrcode-base64 安装 npm install ...
- 微信小程序生成二维码可文字,链接,图片(支持中文)
功能简介 : 微信小程序生成二维码,支持文本和网址,支持中英文,输入框可清空,可单击保存二维码...... 核心代码 : createQrCode:function(url,canvasId,cavW ...
- 【微信小程序】微信小程序生成二维码报错errcode=41030,invalid page rid
场景 调用微信小程序生成二维码接口,提示报错 错误内容 array(2) {["errcode"] => int(41030)["errmsg"] =&g ...
- 小程序生成二维码海报
在小程序开发完成之后,我们会时常遇到这样的一个问题,小程序该怎么推广,增加曝光量,让更多的人看到?我们都知道,小程序推广一般是给小程序增加一个分享的功能,可以分享到群里面. 但是不能发朋友圈,若是想发 ...
- 一个很好用的小程序生成二维码海报的组件库
在小程序开发完成之后,我们会时常遇到这样的一个问题,小程序该怎么推广,增加曝光量,让更多的人看到?我们都知道,小程序推广一般是给小程序增加一个分享的功能,可以分享到群里面. 但是不能发朋友圈,若是想发 ...
- 微信小程序生成二维码,接口C接收值
微信小程序生成二维码,接口C接收值 深坑 解决 接口C替代方案 深坑 当我们用微信二维码生成接口c类型的二维码时,需要传入参数,而根据文档 我们填写 path时 传入参数例如 pah: page/in ...
- 微信小程序生成二维码工具类附带完整示例和源码
小程序二维码生成 源码地址 使用 复制src/qrcode.js到小程序目录下,直接引入即可使用 方法说明 // 通过RenderingContext绘制 function draw(ctx: any ...
最新文章
- 天文学家发现首个“流浪黑洞”,60多个科研机构追踪10年,终因引力透镜露出马脚...
- 【Android 进程保活】提升进程优先级 ( 1 像素 Activity 提高进程优先级 | taskAffinity 亲和性说明 | 运行效果 | 源码资源 )
- 根据端口不同来切换站点_KVM切换器是什么,看懂这一篇就够
- Octave(open source版的matlab)介绍Octave online的使用
- [iphone]XML 解析 之 TBXML 介绍
- Graphpad Prism 9绘制子列图与柱状图
- python dtype什么意思_DataFrame中的字符串,但dtype是对象
- allocator_difference_type的实例
- mysql索引及sql执行顺序
- Django数据库补充之事务
- python场景应用方向_python的应用场景及学习方向
- python函数isdisjoint方法_Python中的isdisjoint()函数
- Kaggle 注册手机号以获取GPU资源
- julia语言 python解释器_新一代科学计算语言Julia以及开发环境搭建教程
- 合肥学院计算机论文,合肥学院本科生毕业论文.doc
- 谷歌R语言代码风格规定:
- The setting mapUnderScoreToCamelCase is not known. Make sure you spelled it correctly (case sensiti
- DBeaver 给id设置为键 以及执行sql查询语句
- 校园宽带网更换/安装路由器指南
- LeetCode 2135. 统计追加字母可以获得的单词数
热门文章