源分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

uni-app 中图片转 base64 以及 base64 转图片方式,超简单,超好用的图片转换工具

代码编程 青果笔记 1年前 (2023-01-12) 1677次浏览 0个评论 扫描二维码

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

简介

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

使用方式

NPM install 安装

npm i image-tools --save

页面引入js 即可使用

直接下载

// 以下路径需根据项目实际情况填写

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

 

将图像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)
	})

 


本站资源均来源于互联网,仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权 转载请注明原文链接:uni-app 中图片转 base64 以及 base64 转图片方式,超简单,超好用的图片转换工具
喜欢 (2)
[]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
热血江湖私发网 魔兽sf 热血江湖私服 热血江湖私服 热血江湖私服 诛仙私服 诛仙私服 诛仙私服 诛仙私服 诛仙私服 诛仙私服 诛仙私服 诛仙私服 热血江湖私服 热血江湖私服 热血江湖私服 诛仙私服 诛仙私服 诛仙私服 诛仙私服 诛仙私服 诛仙私服 诛仙私服 诛仙私服 热血江湖私服 热血江湖私服 热血江湖私服 热血江湖sf 热血江湖私发网 热血江湖私发网 热血江湖私发网 热血江湖私发网