详解微信小程序图片地扯转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 相关文章推荐
新浪的图片新闻效果
Jan 13 Javascript
Jquery 动态添加按钮实现代码
May 06 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
更优雅的事件触发兼容
Oct 24 Javascript
jquery datatable后台封装数据示例代码
Aug 07 Javascript
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
Apr 03 Javascript
JS实现间歇滚动的运动效果实例
Dec 22 Javascript
浅谈JavaScript闭包
Apr 09 Javascript
vue使用video.js进行视频播放功能
Jul 18 Javascript
vue 虚拟DOM的原理
Oct 03 Javascript
jquery实现广告上下滚动效果
Mar 04 jQuery
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
在任意字符集下正常显示网页的方法二(续)
2007/04/01 PHP
php面向对象全攻略 (十二) 抽象方法和抽象类
2009/09/30 PHP
PHP中的常见魔术方法功能作用及用法实例
2015/07/01 PHP
javascript中运用闭包和自执行函数解决大量的全局变量问题
2010/12/30 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
2015/03/21 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
2016/01/18 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
微信小程序 MINA文件结构
2016/10/17 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
js CSS3实现卡牌旋转切换效果
2017/07/04 Javascript
vue项目中使用ueditor的实例讲解
2018/03/05 Javascript
vue-rx的初步使用教程
2018/09/21 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
2018/11/05 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
2019/07/25 Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
2019/09/16 Javascript
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
Python实现文件内容批量追加的方法示例
2017/08/29 Python
Python数据集切分实例
2018/12/08 Python
Python判断是否json是否包含一个key的方法
2018/12/31 Python
使用Python Pandas处理亿级数据的方法
2019/06/24 Python
Python 转换文本编码实现解析
2019/08/27 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
Keras实现支持masking的Flatten层代码
2020/06/16 Python
Django解决frame拒绝问题的方法
2020/12/18 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
ORACLE第二个十问
2013/12/14 面试题
总经理岗位职责描述
2014/02/08 职场文书
超市重阳节活动方案
2014/02/10 职场文书
优秀党支部申报材料
2014/12/24 职场文书
2015年采购部工作总结
2015/04/23 职场文书
2016教师廉洁从教心得体会
2016/01/13 职场文书
浅析Python OpenCV三种滤镜效果
2022/04/11 Python
CSS中float高度塌陷问题的四种解决方案
2022/04/18 HTML / CSS