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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app 中图片转 base64 以及 base64 转图片方式,超简单,超好用的图片转换工具,你值得拥有它。相关的知识,希望对你有一定的参考价值。

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

简介

使用方式

npm i image-tools --save
页面引入js 即可使用
import  pathToBase64, base64ToPath  from image-tools
直接下载
import  pathToBase64, base64ToPath  from ../../js/image-tools/index.js

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.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)

)
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)

)

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

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

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

以上是关于uni-app 中图片转 base64 以及 base64 转图片方式,超简单,超好用的图片转换工具,你值得拥有它。的主要内容,如果未能解决你的问题,请参考以下文章

uni-app中base64的图片展示方式

uni-app上传头像base64转码

canvas将图片转成base64格式 以及 验证图片是否透明

Android base64string转bitmap

canvas 转base64 内容没有东西

iOS - Base64转图片&&图片转Base64