详解微信小程序图片地扯转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 相关文章推荐
Js 随机数产生6位数字
May 13 Javascript
基于JQuery的asp.net树实现代码
Nov 30 Javascript
JQuery切换显示的效果实例代码
Feb 27 Javascript
关于ExtJS4.1:快捷键支持的问题
Apr 24 Javascript
Node.js中使用mongoskin操作mongoDB实例
Sep 28 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
Mar 22 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
强大的 Angular 表单验证功能详细介绍
May 23 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
Sep 09 Javascript
Vue组件间的通信pubsub-js实现步骤解析
Mar 11 Javascript
vue-resource post数据时碰到Django csrf问题的解决
Mar 13 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
Apr 27 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
PHP4(windows版本)中的COM函数
2006/10/09 PHP
使用PHPMailer实现邮件发送代码分享
2014/10/23 PHP
浅析php单例模式
2014/11/25 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
JavaScript 参考教程
2006/12/29 Javascript
checkbox 多选框 联动实现代码
2008/10/22 Javascript
一些javascript一些题目的解析
2010/12/25 Javascript
js控制的遮罩层实例介绍
2013/05/29 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
jQuery获取iframe的document对象的方法
2014/10/10 Javascript
使用变量动态设置js的属性名
2014/10/19 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
2015/05/06 Javascript
jQuery实现获取绑定自定义事件元素的方法
2015/12/02 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
JS自动生成动态HTML验证码页面
2017/06/14 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
2017/06/28 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
JavaScript代码简化技巧实例解析
2020/09/09 Javascript
vue路由的配置和页面切换详解
2020/09/09 Javascript
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
django解决跨域请求的问题详解
2019/01/20 Python
Python range与enumerate函数区别解析
2020/02/28 Python
Python 3.9的到来到底是意味着什么
2020/10/14 Python
pytorch 移动端部署之helloworld的使用
2020/10/30 Python
css 如何让背景图片拉伸填充避免重复显示
2013/07/11 HTML / CSS
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
.NET笔试题(20个问题)
2016/02/02 面试题
写好自荐信要注意的问题
2013/11/10 职场文书
学历公证书范本
2014/04/09 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
茶花女读书笔记
2015/06/29 职场文书