uniapp-使用返回的base64转换成图片

2023-12-19

在实际开发的时候 需要后端实时的给我返回二维码  他给我返回的是加密后的 base64字符串

我需要利用这个base64转换到canvas画布上展示 或者以图片的形式展示在页面内

在canvas画布上展示

使用官方的uni.getFileSystemManager().writeFile()方法可将base64码转成的二维码显示在画布上,代码如下:

                const obj = {
                    page: 'pages/sort/goodsDetail',
                    co_Nu: this.goodInfo.co_Nu
                }
                const _this = this
                cenerateQrCode(obj).then(res => {
                    if (res.success) {
                        // 图片路径
                        var codeimg = wx.env.USER_DATA_PATH + '/ewm.jpg';
                        uni.getFileSystemManager().writeFile({
                            filePath:codeimg, // 图片路径
                            data: res.data, // 返回的base64
                            encoding: 'base64',
                            success() {
                                _this.posterData.codeImg.url = codeimg //最终地址
                            }
                        })
                    }
                })

转换成图片展示

const imgUrl = 'data:image/jpg;base64,' + res.data

res.data 是base64字符串

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

uniapp-使用返回的base64转换成图片 的相关文章

  • 题解 | #输出某一年的各个月份的天数#

    三方寄过去了 告诉我停止24届招聘 全部毁约 牛的 he芯 毁约应届生 34316 广西北部湾银行2022年校园招聘 广西北部湾银行股份有限公司2022届校园招聘 看终端大把大把15级的 这个14级是不是终端bg的白菜了 程序员面试六战六捷
  • 图片怎么转PDF?这些方法让pdf转换不降质

    当我们需要在电脑上保存一些重要的图片资料时 我们通常会将其转换成PDF格式 但在这个转换过程中 通常会损害到图片的清晰度 而在某些工作场合中 我们对文件的清晰度要求较高 一张被损坏了清晰度的文件显然无法满足我们的需求 那到底图片转pdf怎么
  • 【数字识别】机器视觉字符识别(含读音)【含Matlab源码 3132期】

    博主简介 热爱科研的Matlab仿真开发者 修心和技术同步精进 Matlab项目合作可私信 个人主页 海神之光 代码获取方式 海神之光Matlab王者学习之路 代码获取方式 座右铭 行百里者 半于九十 更多Matlab仿真内容点击 Matl

随机推荐

  • 【wrf-python】3个pcolormesh子图绘制

    coding utf 8 导入数据读取和处理的模块 from netCDF4 import Dataset from pathlib import Path import glob import xarray as xr import nu
  • 华为OD机试真题-螺旋数字矩阵-2023年OD统一考试(C卷)

    题目描述 疫情期间 小明隔离在家 百无聊赖 在纸上写数字玩 他发明了一种写法 给出数字 个数n 和 行数m 0 lt n 999 0 lt m 999 从左上角的1开始 按照 顺时针螺旋向内写 方式 依次写出2 3 n 最终形成一个 m行矩
  • GLAD:大气像差与自适应光学

    概述 激光在大气湍流中传输时会拾取大气湍流导致的相位畸变 特别是在长距离传输的激光通信系统中 这种畸变会使传输激光的波前劣化 通过在系统中引入自适应光学系统 可以对激光传输时拾取的低频畸变进行校正 从而显著提升传输激光的Strehl rat
  • 滤光片截止带上尖峰的抑制

    具有很宽截止带的边缘滤光片往往会出现尖峰 1 这些峰值具有较高透射率 并且在光谱范围上很窄 这是由滤光片的核心腔体结构导致的 腔体的存在会稍微扩展特性 因此有时会采用优化或合成工艺来引入它们 峰值随系统任何层的厚度变化而移动 因此它始终存在
  • 【手写数字识别】SVM手写数字识别【含GUI Matlab源码 676期】

    博主简介 热爱科研的Matlab仿真开发者 修心和技术同步精进 Matlab项目合作可私信 个人主页 海神之光 代码获取方式 海神之光Matlab王者学习之路 代码获取方式 座右铭 行百里者 半于九十 更多Matlab仿真内容点击 Matl
  • thinphp+vue+mysql网上超市购物仓储管理系统_niyfl

    这个系统的设计主要包括前端展示界面和方便管理员互动的后端数据库 要求系统需要良好的数据处理能力 友好的界面和易用的功能 本系统结合现今主流管理系统的功能模块以及设计方式进行分析 使用php语言和vue框架进行开发设计 具体研究内容如下 数据
  • 【手写数字识别】BP神经网络手写数字识别(导图+带面板)【含GUI Matlab源码 320期】

    博主简介 热爱科研的Matlab仿真开发者 修心和技术同步精进 Matlab项目合作可私信 个人主页 海神之光 代码获取方式 海神之光Matlab王者学习之路 代码获取方式 座右铭 行百里者 半于九十 更多Matlab仿真内容点击 Matl
  • 使用Docker搭建onlyoffice

    前提 省略docker的安装步骤 1拉去onlyoffice镜像 我的是指定版本 docker pull onlyoffice documentserver 7 1 1 2 启动onlyoffice docker run itd name
  • 40V TPHR8504PL N沟道功率MOSFET具有业界领先的低导通电阻特性,有助于提高电源效率

    TPHR8504PL是一种MOSFET 金属氧化物半导体场效应晶体管 它是40 Volt N 沟道MOSFET 由N型沟道和P型衬底构成 而P 沟道MOSFET则由P型沟道和N型衬底构成 TPHR8504PL N 沟道MOSFET的工作原理
  • 用友BIP数智采购,推动阳光采购,规避合规风险

    采购管理是企业价值链管理的核心环节 与企业经营效益密切相关 国有企业的采购工作兼具公共采购和企业采购的双重属性 既关系国有企业的经济效益和发展前景 也关系国有资产的保值增值 阳光采购是国有企业合规化采购的必由之路 国有企业在采购环节融入数智
  • thinkphp+mysql+vue实验室设备报修预约管理系统

    运行环境 phpstudy wamp xammp等 开发语言 php 后端框架 Thinkphp5 前端框架 vue js 服务器 apache 数据库 mysql 数据库工具 Navicat phpmyadmin 本站是一个B S模式系统
  • 【手势识别】深度学习卷积神经网络CNN手势识别(0-9,含识别率)【含Matlab源码 3435期】

    博主简介 热爱科研的Matlab仿真开发者 修心和技术同步精进 Matlab项目合作可私信 个人主页 海神之光 代码获取方式 海神之光Matlab王者学习之路 代码获取方式 座右铭 行百里者 半于九十 更多Matlab仿真内容点击 Matl
  • 好用的p图软件免费有哪些?帮你个性化修饰你的图片

    在信息时代的今天 很多人都喜欢将自己的所见所闻拍照下来 但是拍下来的照片难免有这样那样的问题 这就需要一款好用的p图软件来对图片进行完善了 但是市面上p图软件众多 有以功能齐全和专业性为特色的 也有以操作简单为特色的 更有些以多样化的特效为
  • 【印刷字符识别】OCR键盘数字+字母识别【含Matlab源码 807期】

    博主简介 热爱科研的Matlab仿真开发者 修心和技术同步精进 Matlab项目合作可私信 个人主页 海神之光 代码获取方式 海神之光Matlab王者学习之路 代码获取方式 座右铭 行百里者 半于九十 更多Matlab仿真内容点击 Matl
  • R10在工业自动化-485转WiFi无线路由解决方案

    R10是钡铼技术有限公司研发的一款用于工业自动化应用的485转WiFi无线路由器解决方案 该解决方案可以将传统的RS485通信设备无线化 实现数据的远程监控和管理 下面将详细介绍R10在工业自动化中的应用 首先 R10具备RS485转WiF
  • 西南科技大学数据库实验八(自定义函数)

    一 实验目的 1 掌握用户自定义变量 2 熟悉运算符与表达式 3 掌握begin end语句块 4 掌握重置命令结束标记 5 掌握创建自定义函数的语法格式以及函数的创建与调用 二 实验任务 1 创建学生表Student 由学号 Sno 姓名
  • 系列十二、索引实战

    一 索引实战 1 1 前置说明 前边的系列文章中是基于Linux中的MySQL进行案例演示的 为了后续测试百万条数据的sql性能分析 接下来的案例将会在Windows的MySQL中进行演示 MySQL版本要求需在8 0以上 我的MySQL版
  • android 13.0 SystemUI状态栏下拉快捷添加截图快捷开关

    1 概述 在13 0的系统产品rom定制化开发中 对SystemUI的定制需求也是挺多的 在下拉状态栏中 添加截图快捷开关 也是常有的开发功能 下面就以添加 截图功能为例功能的实现 2 SystemUI 状态栏下拉快捷添加截图快捷开关的核心
  • 大众点评poi数据2023年最新

    数据名称 2023年大众点评全国全品类数据特此说明 保证价格最低 数据质量最高变量名称 Id 店名 分店 b id 一类 m id 二类 s id 三类 area reg mark 外卖 订座 排队 促销 买单 酒店预约 美容预约 推荐 星
  • uniapp-使用返回的base64转换成图片

    在实际开发的时候 需要后端实时的给我返回二维码 他给我返回的是加密后的 base64字符串 我需要利用这个base64转换到canvas画布上展示 或者以图片的形式展示在页面内 在canvas画布上展示 使用官方的uni getFileSy