uni-app 中图片转 base64 以及 base64 转图片方式,超简单,超好用的图片转换工具,你值得拥有它。
图像转换工具,可用于如下环境:uni-app、微信小程序、5+APP、浏览器(需允许跨域)。
·
目录
一款非常好用的插件,它就是 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)
})
人生苦短,拒绝内卷。我是跟着飞哥学编程,一个一心向阳,向阳而生,努力向上生长的年轻人。加油兄弟们……
致力于实际工作场景中的避坑经验分享,无套路,纯干货。
爱飞哥,没毛病,飞哥带你上高速,冲冲冲……
更多推荐
已为社区贡献4条内容
所有评论(0)