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

冷不防 2023-09-24 15:34 19阅读 0赞

**目录**

简介

使用方式

NPM install 安装

直接下载

API

pathToBase64

base64ToPath

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

--------------------

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

## 简介 ##

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

### 使用方式 ###

#### NPM install 安装 ####

npm i image-tools --save

**页面引入js 即可使用**

import { pathToBase64, base64ToPath } from 'image-tools'

#### 直接下载 ####

// 以下路径需根据项目实际情况填写
    import { pathToBase64, base64ToPath } from '../../js/image-tools/index.js'

### API ###

#### pathToBase64 ####

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

**页面调用方式**

pathToBase64(path)
      .then(base64 => {
        console.log(base64)
      })
      .catch(error => {
        console.error(error)
      })

#### base64ToPath ####

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

base64ToPath(base64)
      .then(path => {
        console.log(path)
      })
      .catch(error => {
        console.error(error)
      })

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

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

// 并行
    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)
      })

--------------------

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

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

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