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 转图片方式,超简单,超好用的图片转换工具,你值得拥有它。的主要内容,如果未能解决你的问题,请参考以下文章