将微信小程序的图片转成base64 点击此链接看另一篇

以下是将后端返回的base64转成图片:

方法1:使用微信小程序自带方法

   //把base64转换成图片getBase64ImageUrl: (base64Url) {/// 获取到base64Datavar base64Data = base64Url;/// 通过微信小程序自带方法将base64转为二进制去除特殊符号,再转回base64base64Data = wx.arrayBufferToBase64(wx.base64ToArrayBuffer(base64Data));/// 拼接请求头,data格式可以为image/png或者image/jpeg等,看需求const base64ImgUrl = "data:image/png;base64," + base64Data;/// 得到的base64ImgUrl直接给图片:src使用即可return base64ImgUrl;},

方法2:引用base64.js
2.1步骤1:先新建一个base64.js文件

const fsm = wx.getFileSystemManager();
const FILE_BASE_NAME = 'tmp_base64src'; //自定义文件名function base64src(base64data, cb) {const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || [];if (!format) {return (new Error('ERROR_BASE64SRC_PARSE'));}const filePath = `${wx.env.USER_DATA_PATH}/${FILE_BASE_NAME}.${format}`;const buffer = wx.base64ToArrayBuffer(bodyData);fsm.writeFile({filePath,data: buffer,encoding: 'binary',success() {cb(filePath);},fail() {return (new Error('ERROR_BASE64SRC_WRITE'));},});
};
module.exports = base64src;

2.2步骤2:在需要使用的页面引入方法在使用

var base64src = require('./base64.js')getBase64ImgUrl:(res){//拿到后端给的base64字符串var shareQrImg = `data:image/jpg;base64,` + res.data.base64base64src(shareQrImg, resCurrent => {this.imgUrl = resCurrent//resCurrent就是base64转换后的图片,直接给图片对的:src即可})
}

微信小程序中base64转换成图片;uni-app小程序base64转图片;微信小程序base64文件转图片;微信小程序base64图片转图片相关推荐

  1. 小程序中rpx转换成px

    wx.getSystemInfo({success: function (res) {// console.log(res);// 可使用窗口宽度.高度// 计算主体部分高度,单位为pxthat.se ...

  2. 微信小程序中base64转换成图片

    //把base64转换成图片getBase64ImageUrl: function(data) {/// 获取到base64Datavar base64Data = data;/// 通过微信小程序自 ...

  3. Android 中 Base64 转换成 图片

    场景 项目中有个功能是显示微信付款码,为了节省服务器存储,将图片以Base64的形式存储,客户端接收到后将Base64转换成图片并加载,但是不要存放大图,在网上看到的大多都是使用了一个java库(im ...

  4. android base64 转图片,Android 中 Base64 转换成 图片

    场景 项目中有个功能是显示微信付款码,为了节省服务器存储,将图片以Base64的形式存储,客户端接收到后将Base64转换成图片并加载,但是不要存放大图,在网上看到的大多都是使用了一个java库(im ...

  5. php把buffer转化为图片_php base64转换成图片的方法

    php base64转换成图片的方法:首先获取到前端传递的值:然后设置文件路径和命名文件名称:接着将数据流文件写入创建的文件内容中:最后将路径信息返回给前端使用即可. 将base64数据流文件转换为图 ...

  6. vue-tinymce的使用,粘贴文件上传,自定义文件上传,改base64转换成上传到服务器返回url

    vue-tinymce的使用,粘贴文件上传,自定义文件上传,改base64转换成上传到服务器返回url vue中使用 <vue-tinymcev-model="itemForm.con ...

  7. 好玩的SWF格式小动画怎么在线转换成MP4格式

    swf是flash动画的格式,广泛的应用于网页设计,动画制作等领域.swf是一种具有交互性的动画文件格式,电脑上需要安装Adobe Flash Player才可以打开swf文件的.否则我们是无法观看这 ...

  8. java代码二进制转为十六进制_Java 中二进制转换成十六进制的两种实现方法

    Java 中二进制转换成十六进制的两种实现方法 每个字节转成16进制,方法1 /** * 每个字节转成16进制,方法1 * * @param result */ private static Stri ...

  9. js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳

    js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳 热心网友  2018-11-18 js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型,之后再将 ...

最新文章

  1. shiro密码正确也会匹配错误_Shiro安全框架
  2. 01 前端篇(标签)
  3. 使用nmap扫描提示utf-8编码错误_Web漏洞扫描神器Nikto使用指南
  4. oracle 一次删除多张表
  5. linux 如何在命令行下改系统时间
  6. python windows自动化 爬虫_使用Python实现自动化截取Windows系统屏幕
  7. windows 读写锁 python_用Python实现读写锁
  8. WebRTC 成为 W3C 与 IETF 正式标准
  9. pythonnumpy详解_Python:Numpy详解
  10. 集备二Linux部署之FTP
  11. CAD2016入门教程
  12. 《第一行代码——Android》封面诞生记
  13. 改变this指向的方法
  14. C语言零基础入门:孙海洋-C语言程序设计-清华大学出版社
  15. MMX和SSE的运用
  16. 网络工程师必备知识不间断路由NSR概述 -ielab
  17. python爬虫——爬取淘票票正在热映电影
  18. 英语期刊写作-通往国际学术舞台的阶梯第三章答案
  19. 计算机网络技术第七章
  20. 北京大学计算机学院保研名单,北京大学2011年保研名单汇总

热门文章

  1. 在AIX上编译Samba
  2. 发一个flash+PHP的简单上传代码
  3. nosql_探索NoSQL系列
  4. python中定义数据结构_Python中的数据结构。
  5. leetcode 554. 砖墙
  6. css flexbox模型_完整CSS课程-包括flexbox和CSS网格
  7. 如何成为一名有效的软件工程师
  8. github 6月开源项目_我的开源项目如何在短短5天内在GitHub上赢得6,000颗星
  9. 浏览器中插入富文本编辑器
  10. 本地读取服务器Xml文件及本地读本地的xml