uniapp中如何把通过uni.chooseImage上传的图片转换成base64格式

uniapp中如何把通过uni.chooseImage上传的图片转换成base64格式

image-tools官网

//下载包
npm i image-tools --save
//在需要使用的地方引入
import { pathToBase64, base64ToPath } from 'image-tools'
uni.chooseImage({count: 1, //默认9sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有sourceType: ['camera'], //相机选择success: res=> {console.log("[选择图片]",res)this.imgToBase64(res.tempFilePaths[0]).then(base64=>{console.log("[转换成base64]",base64)})}
});
//把图片转换成base64
imgToBase64(data){return new Promise((resolve,reject)=>{pathToBase64(data).then(base64 => {resolve(base64)}).catch(error => {console.error(error)reject(error)})		})			
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/700066.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JavaWeb之异常处理

异常处理 当servlet出现异常时,servlet容器使用exception-type元素来找到与抛出的异常类型相匹配的配置 public class ExceptionHandler extends HttpServlet { Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws Ser…

2024年全国乙卷高考文科数学备考:历年选择题真题练一练(2014~2023)

今天距离2024年高考还有三个多月的时间,今天我们来看一下2014~2023年全国乙卷高考文科数学的选择题,从过去十年的真题中随机抽取5道题,并且提供解析。后附六分成长独家制作的在线练习集,科学、高效地反复刷这些真题,吃…

【C语言】linux内核ipoib模块 - ipoib_ib_post_receive

一、中文注释 用于以太网接口(InfiniBand)上的IP over IB(IPoIB)设备的Linux内核函数,负责将接收缓冲区(一个包)提交到网络设备的队列中等待数据到达。下面是中文注释版本的函数代码&#xff1…

内网穿透(docker部署frp)

文章目录 内网穿透实现内网穿透的常见方法 frpfrp的实现原理frps服务端应用部署配置文件部署参数配置 frpc客户端部署 内网穿透 内网穿透是指在内部网络(内网)中实现穿透外网(公网)的通信。内网通常是指公司、组织或家庭等内部网…

国家建筑装配式内装产业基地在沪成立,副主任单位优积科技协同助推绿色低碳循环发展

上海市室内装饰行业协会装配式内装产业专业委员会成立大会暨“国家建筑装配式内装产业基地”项目启动会于3月21日下午1点在上海光大酒店隆重举行。出席此次活动的包括市装协会长徐国俭,市装协党支部书记兼秘书长丛国梁,市装协装配式内装委主任顾泰昌&…

flink-cdc使用小结

原理: 同步原理:其实就是伪装成一个mysql 的从库会拉取主库的binlog日志读取数据,相当于mysql 的主从复制。然而flink的数据处理方式是流处理,实时收集清洗数据。相关联的checkpoint,其实就是一个容错恢复快照&#x…

内容安全补充

第十一天 密码学 近现代加密算法 古典加密技术 --- 算法保密原则 近现代加密技术 --- 算法公开,密钥保密 对称加密算法,非对称加密算法 对称加密 --- 加密和解密的过程中使用的是同一把密钥。 所以,对称加密所使用的算法一定是一种双向…

Node.js+vue校内二手物品交易系统tdv06-vscode前后端分离

二手物品交易系统采用B/S架构,数据库是MySQL。网站的搭建与开发采用了先进的nodejs进行编写,使用了vue框架。该系统从三个对象:由管理员和用户、店铺来对系统进行设计构建。主要功能包括:个人信息修改,对用户、店铺、二…

【RN】为项目使用React Navigation中的navigator

简言 移动应用基本不会只由一个页面组成。管理多个页面的呈现、跳转的组件就是我们通常所说的导航器(navigator)。 React Navigation 提供了简单易用的跨平台导航方案,在 iOS 和 Android 上都可以进行翻页式、tab 选项卡式和抽屉式的导航布局…

Vue2:路由命名

一、情景说明 我们使用router-link&#xff0c;配置path属性时&#xff0c;如果是多级路由&#xff0c;会写一个很长的path 如下代码&#xff1a; <!-- 跳转路由并携带query参数&#xff0c;to的对象写法 --> <router-link :to"{path:/home/message/detail,que…

c++ primer plus 编程答案 上

c primer plus 编程答案上 第二章第三章第四章第五章第六章 第二章 编写一个c程序&#xff0c;它显示您的姓名和地址 #include<iostream> int main() {using namespace std;cout << "my name is xxx,\nmy address is xxx" << endl;return 0; }编…

高防服务器和高防CDN有哪些区别?

高防服务器是独立单个防御50G以上的服务器类型&#xff0c;高防服务器能够为客户提供网络安全维护的服务器类型&#xff0c;是专门用来低于DDOS攻击的服务器&#xff0c;在硬件、软件和网络等方面能够提供可靠稳定的服务。 高防CDN则是一种基于分布式架构的网络加速和安全保护技…

如何在 Tomcat 中为 Web 应用程序启用和配置缓存?

在Tomcat中为Web应用程序启用和配置缓存通常涉及到对Tomcat的连接器&#xff08;Connector&#xff09;进行配置&#xff0c;以及可能的话&#xff0c;配置Web应用程序本身以支持缓存。 1. 配置Tomcat连接器以启用缓存 Tomcat的连接器可以通过其配置来启用各种…

解决错误:nested exception is org.apache.ibatis.binding.BindingException

mybatis报错信息&#xff1a; Error: nested exception is org.apache.ibatis.binding.BindingException: Parameter ‘categoryList’ not found. Available parameters are [arg0, collection, list] 网上搜到的解决办法&#xff1a; 一、多个参数使用Param注解标识 对于多个…

【Qt】Qt QML添加软件图标(Windows)

1. 准备图标文件 将图片转换成.ico文件&#xff0c;注意&#xff1a;需要用专门的工具转换&#xff08;https://convertio.co/zh/image-converter/&#xff09; 2. 工程配置 2.1 方法1 pro文件中添加&#xff1a; RC_ICONS AutoTitration.ico2.2 方法2 添加qrc文件&…

已解决org.springframework.beans.BeanInstantiationException异常的正确解决方法,亲测有效!!!

已解决org.springframework.beans.BeanInstantiationException异常的正确解决方法&#xff0c;亲测有效&#xff01;&#xff01;&#xff01; 文章目录 问题分析 报错原因 解决思路 解决方法 步骤一&#xff1a;检查Bean定义 步骤二&#xff1a;检查Bean的依赖 步骤三…

C++中的构造函数

目录 前言 1.构造函数的作用 2.构造函数的定义 1.内联函数 2.类体外构造函数 前言 记录下C中的构造函数。 1.构造函数的作用 构造函数的作用主要是对对象的成员变量进行初始化赋值操作。 当我们没有定义构造函数的时候&#xff0c;系统会默认添加一个没有参数的构造函数…

软考-中级-系统集成2023年综合知识(三)

&#x1f339;作者主页&#xff1a;青花锁 &#x1f339;简介&#xff1a;Java领域优质创作者&#x1f3c6;、Java微服务架构公号作者&#x1f604; &#x1f339;简历模板、学习资料、面试题库、技术互助 &#x1f339;文末获取联系方式 &#x1f4dd; 软考中级专栏回顾 专栏…

C#学习总结

1、访问权限 方法默认访问修饰符&#xff1a;private 类默认访问修饰符&#xff1a;internal 类的成员默认访问修饰符&#xff1a;private 2、UserControl的使用 首先添加用户控件 使用时一种是通过代码添加&#xff0c;一种是通过拖动组件到xaml中

Stable Diffusion 绘画入门教程(webui)-ControlNet(IP2P)

上篇文章介绍了深度Depth&#xff0c;这篇文章介绍下IP2P&#xff08;InstructP2P&#xff09;, 通俗理解就是图生图&#xff0c;给原有图加一些效果,比如下图&#xff0c;左边为原图&#xff0c;右边为增加了效果的图&#xff1a; 文章目录 一、选大模型二、写提示词三、基础参…