前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uni-app 中图片转 base64 以及 base64 转图片方式,超简单,超好用的图片转换工具,你值得拥有它。

uni-app 中图片转 base64 以及 base64 转图片方式,超简单,超好用的图片转换工具,你值得拥有它。

作者头像
跟着飞哥学编程
发布2022-12-16 13:55:22
3.9K0
发布2022-12-16 13:55:22
举报

目录

简介

使用方式

NPM install 安装

直接下载

API

pathToBase64

base64ToPath

提示:多个任务可以串行或者并行执行


一款非常好用的插件,它就是 image-tools 

简介

图像转换工具,可用于如下环境:uni-app、微信小程序、5+APP、浏览器(需允许跨域)。

使用方式

NPM install 安装

代码语言:javascript
复制
npm i image-tools --save

页面引入js 即可使用

代码语言:javascript
复制
import { pathToBase64, base64ToPath } from 'image-tools'

直接下载

代码语言:javascript
复制
// 以下路径需根据项目实际情况填写
import { pathToBase64, base64ToPath } from '../../js/image-tools/index.js'

API

pathToBase64

从图像路径转换为base64,uni-app、微信小程序和5+APP使用的路径不支持网络路径,如果是网络路径需要先使用下载API下载下来。

页面调用方式

代码语言:javascript
复制
pathToBase64(path)
  .then(base64 => {
    console.log(base64)
  })
  .catch(error => {
    console.error(error)
  })

base64ToPath

将图像base64保存为文件,返回文件路径。

代码语言:javascript
复制
base64ToPath(base64)
  .then(path => {
    console.log(path)
  })
  .catch(error => {
    console.error(error)
  })

提示:多个任务可以串行或者并行执行

可以利用promise来 串行 和 并行 的执行多个任务

代码语言:javascript
复制
// 并行
Promise.all(paths.map(path => pathToBase64(path)))
  .then(res => {
    console.log(res)
    // [base64, base64...]
  })
  .catch(error => {
    console.error(error)
  })
// 串行
paths.reduce((promise, path) => promise.then(res => pathToBase64(path).then(base64 => (res.push(base64), res))), Promise.resolve([]))
  .then(res => {
    console.log(res)
    // [base64, base64...]
  })
  .catch(error => {
    console.error(error)
  })

人生苦短,拒绝内卷。我是跟着飞哥学编程,一个一心向阳,向阳而生,努力向上生长的年轻人。加油兄弟们……

致力于实际工作场景中的避坑经验分享,无套路,纯干货。

爱飞哥,没毛病,飞哥带你上高速,冲冲冲……

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-12-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 简介
    • 使用方式
      • NPM install 安装
      • 直接下载
    • API
      • pathToBase64
      • base64ToPath
    • 提示:多个任务可以串行或者并行执行
    相关产品与服务
    云开发 CloudBase
    云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档