详解微信小程序图片地扯转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 问答知识整理
Feb 11 Javascript
jQuery ul标签下拉菜单演示代码
Dec 11 Javascript
jquery调用wcf并展示出数据的方法
Jul 07 Javascript
使用JavaScript构建JSON格式字符串实现步骤
Mar 22 Javascript
将Datatable转化成json发送前台实现思路
Sep 06 Javascript
javascript去除字符串左右两端的空格
Feb 05 Javascript
脚本div实现拖放功能(两种)
Feb 13 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
js中this对象用法分析
Jan 05 Javascript
seajs和requirejs模块化简单案例分析
Aug 26 Javascript
vue中get请求如何传递数组参数的方法示例
Nov 08 Javascript
JavaScript实现优先级队列
Dec 06 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下批量挂马和批量清马代码
2011/02/27 PHP
php的array_multisort()使用方法介绍
2012/05/16 PHP
解析smarty 截取字符串函数 truncate的用法介绍
2013/06/20 PHP
PHP实现仿百度文库,豆丁在线文档效果(word,excel,ppt转flash)
2016/03/10 PHP
PHP面向对象学习之parent::关键字
2017/01/18 PHP
PHP中单例模式与工厂模式详解
2017/02/17 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
Javascript中的相等与不等运算
2010/04/25 Javascript
腾讯的ip接口 方便获取当前用户的ip地理位置
2010/11/25 Javascript
node.js超时timeout详解
2014/11/26 Javascript
express的中间件basicAuth详解
2014/12/04 Javascript
jQuery选择器之基本选择器与层次选择器
2015/03/03 Javascript
jquery实现的省市区三级联动
2015/04/02 Javascript
如何使用headjs来管理和异步加载js
2016/11/29 Javascript
原生js实现放大镜特效
2017/03/08 Javascript
nodejs入门教程五:连接数据库的方法分析
2017/04/24 NodeJs
使用ajax的post同步执行(实现方法)
2017/12/21 Javascript
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
JS数组方法slice()用法实例分析
2020/01/18 Javascript
解决vue scoped html样式无效的问题
2020/10/24 Javascript
[01:00:30]TFT vs VGJ.T Supermajor 败者组 BO3 第一场 6.5
2018/06/06 DOTA
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
Python get获取页面cookie代码实例
2018/09/12 Python
numpy.where() 用法详解
2019/05/27 Python
Python的Tkinter点击按钮触发事件的例子
2019/07/19 Python
keras实现多种分类网络的方式
2020/06/11 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
main 函数执行以前,还会执行什么代码
2013/04/17 面试题
自动化专业个人求职信范文
2013/11/29 职场文书
成绩单公证书
2014/04/10 职场文书
幼儿园感恩节活动方案2014
2014/10/11 职场文书
会议欢迎词范文
2015/01/27 职场文书
辞职信怎么写?你都知道吗?
2019/06/24 职场文书