详解微信小程序图片地扯转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 相关文章推荐
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
Apr 07 Javascript
50个比较实用jQuery代码段
Sep 18 Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
Dec 11 Javascript
JavaScript中length属性的使用方法
Jun 05 Javascript
Javascript中的方法和匿名方法实例详解
Jun 13 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
关于Vue.js一些问题和思考学习笔记(1)
Dec 02 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
Feb 14 Javascript
详解如何在Angular中快速定位DOM元素
May 17 Javascript
JS实现的JSON数组去重算法示例
Apr 11 Javascript
详解小程序输入框闪烁及重影BUG解决方案
Aug 31 Javascript
通过实例解析JavaScript for in及for of区别
Jun 15 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
Windows7下的php环境配置教程
2015/02/28 PHP
用php和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
Laravel框架实现定时发布任务的方法
2018/08/16 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
div移动 输入框不能输入的问题
2009/11/19 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
JS cookie中文乱码解决方法
2014/01/28 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
2015/05/28 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
2015/06/05 Javascript
浅析javascript的return语句
2015/12/15 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
2016/04/21 Javascript
js微信支付实现代码
2016/12/22 Javascript
jquery replace方法去空格
2017/05/08 jQuery
深入理解Angular中的依赖注入
2017/06/26 Javascript
Vue+SpringBoot开发V部落博客管理平台
2017/12/27 Javascript
详解angular部署到iis出现404解决方案
2018/08/14 Javascript
深入理解vue-class-component源码阅读
2019/02/18 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
Python中非常实用的一些功能和函数分享
2015/02/14 Python
python实现模拟按键,自动翻页看u17漫画
2015/03/17 Python
Python reduce()函数的用法小结
2017/11/15 Python
Django中Middleware中的函数详解
2019/07/18 Python
加拿大廉价机票预订网站:CheapOair.ca
2018/03/04 全球购物
网络安全方面的面试题
2016/01/07 面试题
函授本科个人自我鉴定
2014/03/25 职场文书
仓库文员岗位职责
2014/04/06 职场文书
经销商年会策划方案
2014/05/29 职场文书
股东授权委托书
2014/10/15 职场文书
2014年作风建设剖析材料
2014/10/23 职场文书
傲慢与偏见电影观后感
2015/06/10 职场文书
党校团干班培训心得体会
2016/01/06 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书
Nginx工作模式及代理配置的使用细节
2022/03/21 Servers
在Windows Server 2012上安装 .NET Framework 3.5 所遇到的问题
2022/04/29 Servers