详解微信小程序图片地扯转base64解决方案


Posted in Javascript onAugust 18, 2019

你还在找在小程序成如何将图片转base64存储起来并显示嘛,在这里呢,来瞧瞧。

使用方法

js文件

let $this = this;
request({
   url:'https://www.dounine.com/hello.jpg',
   method:'GET',
   responseType: 'arraybuffer',
   success:function(res){
    let base64 = wx.arrayBufferToBase64(res);
    $this.data.userImageBase64 = 'data:image/jpg;base64,' + base64;;
   }
});

wxml文件

<image src='{{userImageBase64}}' style='width:90rpx;height:90rpx;' />

PS:小程序本地图片转base64最简单方法

  • wx.chooseImage:得到图片地址
  • wx.getFileSystemManager:创建文件管理类
  • readFileSync:读取本地文件,直接得到base64
wx.chooseImage({
   success: function(res) {
    console.log(wx.getFileSystemManager().readFileSync(res.tempFilePaths[0], "base64"))
   },
  })

附官方api:
https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.getFileSystemManager.html?search-key=getFileSystemManager

 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery拖拽元素改变大小尺寸实现代码
Dec 10 Javascript
js 实现菜单上下显示附效果图
Nov 21 Javascript
jQuery的:parent选择器定义和用法
Jul 01 Javascript
jQuery视差滚动效果网页实现方法经验总结
Sep 29 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
AngularJS监听路由变化的方法
Mar 07 Javascript
动态统计当前输入内容的字节、字符数的实例详解
Oct 27 Javascript
vue模块拖拽实现示例代码
Mar 09 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
vue页面更新patch的实现示例
Mar 25 Javascript
js实现表单项的全选、反选及删除操作示例
Jun 05 Javascript
js实现tab栏切换效果
Aug 02 Javascript
wx-charts 微信小程序图表插件的具体使用
Aug 18 #Javascript
微信小程序canvas绘制圆角base64图片的实现
Aug 18 #Javascript
Node.js从字符串生成文件流的实现方法
Aug 18 #Javascript
微信公众号生成新浪短网址的实现(快速生成)
Aug 18 #Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 #Javascript
详解ES6 Promise的生命周期和创建
Aug 18 #Javascript
vue-cli3配置与跨域处理方法
Aug 17 #Javascript
You might like
PHP flush()与ob_flush()的区别详解
2013/06/03 PHP
php计算给定日期所在周的开始日期和结束日期示例
2017/02/06 PHP
Laravel相关的一些故障解决
2020/08/19 PHP
JavaScript 反科里化 this [译]
2012/09/20 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
2013/08/12 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
JavaScript调用ajax获取文本文件内容实现代码
2014/03/28 Javascript
javascript打开word文档的方法
2014/04/16 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
深入浅析AngularJS中的module(模块)
2016/01/04 Javascript
JavaScript 对象字面量讲解
2016/06/06 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
2016/06/13 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
2017/06/17 Javascript
nodejs超出最大的调用栈错误问题
2017/12/27 NodeJs
ES6基础之展开语法(Spread syntax)
2019/02/21 Javascript
node中IO以及定时器优先级详解
2019/05/10 Javascript
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
python目录操作之python遍历文件夹后将结果存储为xml
2014/01/27 Python
Python中用psycopg2模块操作PostgreSQL方法
2017/11/28 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
Python何时应该使用Lambda函数
2019/07/02 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
Python Websocket服务端通信的使用示例
2020/02/25 Python
Django表单提交后实现获取相同name的不同value值
2020/05/14 Python
ANINE BING官方网站:奢华的衣橱基本款和时尚永恒的单品
2019/11/26 全球购物
高级工程师岗位职责
2013/12/15 职场文书
工厂实习感言
2014/01/14 职场文书
中专生自我鉴定范文
2014/02/02 职场文书
护理不良事件检讨书
2014/02/06 职场文书
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
优秀实习生主要事迹
2014/05/29 职场文书
机械专业应届毕业生自荐书
2014/06/12 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书