详解微信小程序图片地扯转base64解决方案

作者:dounine 时间:2024-06-18 05:52:55 

你还在找在小程序成如何将图片转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

来源:https://blog.csdn.net/dounine/article/details/79629271

标签:小程序,图片地扯,base64
0
投稿

猜你喜欢

  • 详解python中的闭包

    2023-09-25 13:37:33
  • 用Python编写一个漏洞验证脚本

    2022-03-23 02:30:43
  • Python中bisect的用法及示例详解

    2022-07-06 16:00:12
  • Jquery.TreeView结合ASP.Net和数据库生成菜单导航条

    2024-01-15 01:23:44
  • vue项目中使用this.$confirm解析

    2024-05-02 17:02:09
  • python去除删除数据中\\u0000\\u0001等unicode字符串的代码

    2023-09-04 09:15:51
  • python抽取指定url页面的title方法

    2022-11-15 21:52:40
  • 正确理解SQL Server四类数据仓库建模方法

    2008-12-23 15:20:00
  • Mysql中的find_in_set的使用方法介绍

    2024-01-14 06:24:19
  • 通过mysql show processlist 命令检查mysql锁的方法

    2024-01-19 22:03:11
  • Python实现将Excel转换成xml的方法示例

    2023-01-19 23:02:53
  • Python闭包装饰器使用方法汇总

    2022-12-21 05:47:17
  • mybatis plus实体类中字段映射mysql中的json格式方式

    2024-01-22 16:11:37
  • 一行代码给你的WordPress Blog添加下雪效果

    2008-12-14 09:43:00
  • 使用python+pygame开发消消乐游戏附完整源码

    2021-06-26 03:42:52
  • Unity项目优化相关技巧

    2022-10-14 00:43:59
  • php析构函数的具体用法小结

    2024-04-23 09:20:31
  • ASP存储过程应用全接触

    2007-08-18 14:28:00
  • vue3.2中的vuex使用详解

    2024-05-25 15:16:58
  • 正则表达式的基本概念

    2007-10-17 21:07:00
  • asp之家 网络编程 m.aspxhome.com