记录

使用uniapp开发微信小程序的过程中遇到，需要将图片转换为base64字符串上传
使用工具 image-tools ------------- HBuilderX插件市场图像转换工具

一、插件地址

插件传送门

二、使用步骤

1.引入库

代码如下（示例）：

 import {pathToBase64,base64ToPath} from '../../js_sdk/mmmm-image-tools/index.js'// 引入路径按照自己的项目文件路径填写

2.pathToBase64

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

代码如下（示例）：

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

3.base64ToPath

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

代码如下（示例）：

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

图像和base64的转换 uniapp开发相关推荐

uni-app开发微信小程序，H5 关于压缩上传图片的问题
文章目录前言一.为什么要压缩图片二.图片压缩方式 1. 微信小程序 2. H5 总结前言关于微信小程序.H5兼容性问题,今天就压缩以及上传图片做一个可实现方法的简要阐述. 一. ...
uni-app开发中遇到的问题（持续更新...）
uni-app开发中遇到的问题详情页面返回上一页,并刷新列表 components中的组件无需引入分离页面的js.css文件设置页面颜色出现分层 uni-app端无法显示图片 uniapp如何取 ...
记录一下uni-app开发中遇到的坑
一.uni-app中不能操作dom uni-app开发中不能操作dom,就是一切的按照vue那种方式进行数据绑定,要不然在网页端看着是好好的,但是一旦打包放到真机上就是各种问题.所以只要熟悉vue并且 ...
对uni-app开发的某app安全分析
声明以下只是搬运下我公众号的东西.很早就发过了.原帖地址: 对uni-app开发的某app分析已经发公众号的为什么还发csdn 有的圈内朋友,不经过我的允许,删减摘录我公众号的内容,这里就不提谁了 ...
Python 对图像进行base64编码及解码读取为numpy、opencv、matplot需要的格式
Python 对图像进行base64编码及解码读取为numpy.opencv.matplot需要的格式 1. 效果图 2. 源码参考这篇博客将介绍Python如何对图像进行base64编解码及读取 ...
【源码】java中图片和Base64互相转换源码
java中的图片和Base64为之间的转换,和android有区别的 Base64和图片之间的转换可以用于客户端和服务器数据传输中,在android客户端上获取图片,然后转换成Base64,按照普通S ...
（个人使用）uni-app开发（官方资源）· 汇总
文章目录 (个人使用)uni-app开发(官方资源)· 汇总 1. [uni-app官方框架](https://uniapp.dcloud.io/collocation/pages) 2. uni-a ...
uni-app 开发小程序,使用到u-charts.js时会出现弹框或下拉框部分与图标重叠的情况(还有在解决过程中出现 vasToTempFilePath: fail canvas is empty)
如下图,是我用uni-app开发小程序时出现视图与弹框或下拉框重叠的效果图,在微信开发工具上显示正常,但到了真机上就这样. 解决措施: 在小程序中canvas层级过高,导致z-index也无法让弹窗置 ...
c#图片base64去转义字符_c#中图片与base64互相转换
本教程说明如何在C#.NET Windows Forms Application中将图像转换为base64字符串,以及将base64字符串转换为图像. 您可以创建一个新的Windows窗体应用程序项目 ...

图像和base64的转换 uniapp开发

图像和base64的转换

记录

一、插件地址

二、使用步骤

1.引入库

2.pathToBase64

3.base64ToPath

图像和base64的转换 uniapp开发相关推荐

最新文章

热门文章