详解微信小程序图片地扯转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获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
js/html光标定位的实现代码
Sep 23 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
改变隐藏的input中value值的方法
Mar 19 Javascript
IE下双击checkbox反应延迟问题的解决方法
Mar 27 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
Oct 01 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
JS实现漂亮的时间选择框效果
Aug 20 Javascript
jQuery事件详解
Feb 23 Javascript
将angular.js项目整合到.net mvc中的方法详解
Jun 29 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
微信小程序 WeUI扩展组件库的入门教程
Apr 21 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
基于mysql的bbs设计(二)
2006/10/09 PHP
php Undefined index和Undefined variable的解决方法
2008/03/27 PHP
php中将网址转换为超链接的函数
2011/09/02 PHP
PHP下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
php、java、android、ios通用的3des方法(推荐)
2016/09/09 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
javascript之通用简单的table选项卡实现(二)
2010/05/09 Javascript
extjs 初始化checkboxgroup值的代码
2011/09/21 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
JS实现的RGB网页颜色在线取色器完整实例
2016/12/21 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
2018/11/27 jQuery
vue实现压缩图片预览并上传功能(promise封装)
2019/01/10 Javascript
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
2019/04/09 Javascript
js实现烟花特效
2020/03/02 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
Python实现的矩阵类实例
2017/08/22 Python
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
opencv-python的RGB与BGR互转方式
2020/06/02 Python
python文件编写好后如何实践
2020/07/07 Python
python使用列表的最佳方案
2020/08/12 Python
HTML5未来发展趋势
2016/02/01 HTML / CSS
利物浦足球俱乐部官方网上商店:Liverpool FC Official Store
2018/01/13 全球购物
Rhone官方网站:男士运动服装、健身服装和高级运动服
2019/05/01 全球购物
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
行政主管岗位职责
2013/11/18 职场文书
《小池塘》教学反思
2014/02/28 职场文书
个人课题方案
2014/05/08 职场文书
综合素质自我评价怎么写
2014/09/14 职场文书
2015幼儿园庆元旦活动方案
2014/12/09 职场文书
先进单位事迹材料
2014/12/25 职场文书
试用期工作表现自我评价
2015/03/06 职场文书
《吸血鬼:避世 血猎》官宣4.27发售 系列首款大逃杀
2022/04/03 其他游戏