详解微信小程序图片地扯转base64解决方案
更新时间：2019年08月18日 10:49:40 作者：dounine
这篇文章主要介绍了详解微信小程序图片地扯转base64解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
你还在找在小程序成如何将图片转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"))
},
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Javascript组合继承方法代码实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-04-04
这篇文章主要给大家介绍了关于前端滚动锚点的三个常用方案,实现的效果就是点击后页面滚动到指定位置,三种方法分别是scrollIntoView、scrollTo和scrollBy,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-01-01
本文主要对HTML页面定时跳转进行方法介绍：1、meta refresh 实现。2、JavaScript 实现。具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
这篇文章主要介绍了JS实现的模仿QQ头像资料卡显示与隐藏效果,涉及javascript鼠标事件响应及页面元素属性动态操作相关技巧,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了js全选实现和判断是否有复选框选中的方法,涉及javascript操作复选框的技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
用js实现的抽象CSS圆角效果!!...2007-05-05
数独游戏是在一个9*9的方格中进行填数字的游戏,需要满足的规则是每行每列和每个子九宫格都是1~9的不重复数字,下面这篇文章主要给大家介绍了关于如何利用JavaScript做数独的相关资料,需要的朋友可以参考下2021-09-09
这篇文章主要介绍了如何使用js判断浏览器是否支持html5,需要的朋友可以参考下2014-08-08
这篇文章主要为大家详细介绍了js实现页面多个日期时间倒计时效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
这篇文章介绍了用 JavaScript 和 HTML5 Canvas 实现文字黑洞特效的项目,包括项目特征,如黑洞特效、引力效果、文字动画和交互设计,以及技术亮点,还阐述了实现逻辑,涵盖项目结构、文字和黑洞对象的实现、动画循环等,并给出了详细的代码示例和解释2025-03-03
最新评论