使用 uni.chooseImage 从本地选择图片做多图上传的时候 , 图片需要转换 base64 格式传给后端

使用 wx.FileSystemManager.readFile(Object object)  读取本地文件内容 并转换为 base64格式返回

代码 :

wx.getFileSystemManager.readFile({filePath: ``, // 文件路径encoding: 'base64',success: res => {console.log(res.data)},fail: res=> {console.error(res)}
})

读取本地图片  uni.chooseImage 返回的是 url数组 , readFile 接收的是 本地文件路径

在 utils.js 中封装一下  判断 参数 传递的url字符串 还是 url数组

export default (url) => {return new Promise((resolve, reject) => {// 如果是数组if (Array.isArray(url)) {let newArr = [],flag = 0url.forEach(e => {wx.getFileSystemManager().readFile({filePath: e, //选择图片返回的相对路径encoding: 'base64', //编码格式success: res => {flag++newArr.push(res.data)// 数组 遍历完成 在返回

小程序 图片转pase64 格式相关推荐

  1. 小程序图片转换Base64格式的三种方法

    一.使用小程序自带的网络请求 1.wx.request() 这种方式适合网络https路径图片,但无法解析wxfile://xxxx导致转化报错 image2Base64(imgUrl) {retur ...

  2. uni-app微信小程序image引入图片;background-image背景图引入图片;小程序预览本地图片;小程序图片过大引入报错;获取本地图片的网络地址;

    uni-app小程序图片使用有image标签和background-image背景图两种方式: 下有获取本地图片的网络地址方式:见第四步 一.方式一:使用image标签引入: uni-app官方ima ...

  3. 微信小程序 图片上传与内容安全审核

    文章目录 原由 内容审核种类 小程序云开发 图片检测 创建云函数 编写图片检测代码 小程序图片处理 图片上传 图片压缩 云函数安全检测接入 文本检测 最后的坑 原由 之前有开发一个微信小程序,拥有图片 ...

  4. 小程序图片转Base64,方法总结。

    小程序图片转base64 前言:看了很多博客没一个能解决问题的,小程序社区也逛了个遍,依然找不到小程序图片在本地转base64的方法,凡事还得靠自己啊,接下来就把所有方法做个总结,作为一个野生程序员, ...

  5. 小程序web-view打开PDF格式文件的安卓苹果兼容性问题

    小程序中打开pdf格式原本可以使用web-view(承载网页的容器.会自动铺满整个小程序页面,个人类型的小程序暂不支持使用) <web-view src="{{link}}" ...

  6. 微信小程序图片全屏预览组件,并解决svg真机显示黑屏问题

    自己码了个微信小程序图片全屏预览组件,并解决了svg真机显示黑屏问题(即png等格式可以正常显示,但就svg无法显示). /*** 微信小程序图片预览组件* 1.支持预览svg.png.jpeg.jp ...

  7. 微信小程序和QQ小程序图片安全内容检测接口之ThinkPHP实现

    由于相关管控,UGC小程序的开发者,必须要过滤违法违规内容(如黄). UGC小程序官方定义: 小程序中的功能或服务中,涉及用户将自己自定义编辑的文字.图片.音频.视频等内容通过小程序进行展示或提供给其 ...

  8. 一个小程序:图片代替鼠标移动

    一个小程序:图片代替鼠标移动 程序的运行效果: 当鼠标移动到窗口内,鼠标不见了,取而代之的是图片..... ============================================== ...

  9. 微信小程序图片放大预览效果的实现

    效果预览 效果图有点快,但是可以大致看出来效果了.我再给大家描述下吧 一个页面有3张图片,点击其中任意一张都可以放大预览.然后在预览的时候,左右滑动,还可以看另外两张图片. 话不多说,直接上代码 1, ...

  10. 微信小程序图片轮转播放

    微信小程序图片轮播 步骤一:创建项目,注意创建的路径,路径中涉及到的文件最好用英文命名. 这里将项目创建在D:\SotfWare\WechatPG\test1.test1是项目的文件名.创建结束之后, ...

最新文章

  1. poj 2777 Count Color
  2. java多态性补充-instanceof关键字
  3. python培训班 费用-参加线上python培训班要多少钱?
  4. opencv图像处理总结
  5. readline( )库的安装和使用,实现命令补全
  6. 支付宝服务窗接入常见问题说明
  7. Unity 2017 Game Optimization 读书笔记 Dynamic Graphics(2)
  8. Java 自定义排序 Comparator
  9. 异步和同步http请求超时机制
  10. 接口设计需要考虑哪些方面
  11. 使用SecureCRT登录本机cygwin【转】
  12. 关于解决Android studio:The emulator process for AVD Pixel_4_XL_API_30 has terminated 以及改变AVD存放位置
  13. Embedding Propagation: Smoother Manifold for Few-Shot Classification ECCV 2020
  14. 《组网技术》:路由器基本配置
  15. 如何解决Unsupported Architecture. Your executable contains unsupported architecture '[x86_64, i386]
  16. 爱游思 » 站长常用工具
  17. Python语言程序设计(北京理工大学MOOC)1-5周
  18. Python数据可视化第 2 讲:matplotlib 绘图中文字体设置
  19. Android CPU使用率:top和dump cpuinfo的不同
  20. UltraEdit v18.0 破解版注册机

热门文章

  1. centos 服务器安装配置固定IP 以及删除之前的系统 实体机配置网络后指示灯不亮以及没有网络
  2. Flink SQL:ALTER Statements
  3. npmjs 修改登录密码 邮箱跳转404?
  4. 如何将蓝牙和802.11结合起来提供高速无线连接
  5. Cai_Sublime
  6. 2017ACM-ICPC乌鲁木齐之旅
  7. 万恶的ie6下,select标记z-index无效问题
  8. 实现敏捷的实际改进是什么?
  9. idea 2020.1.1使用gradle构建项目build sync fail:Starting Gradle Daemon...问题的解决方法
  10. 苹果推出新款iPod touch:支持增强现实体验 售价1599元起