uniapp 小程序支持打开手机相册和摄像头

news2024/9/23 23:33:05

开发uniapp 时,有时需要让用户上传手机相册或者拍摄图片,对图片进行处理,下面提供了一个method,支持打开摄像头拍照和相册功能,完成后,对图片做base64处理。

// 打开相册的方法
			openCamera() {
				let _this=this
			   uni.chooseImage({
				 count: 1, // 默认9, 设置图片的选择数量
				 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
				 sourceType: ['album','camera'], // 从相册选择
				 success: (res) => {
				   // 成功选择图片后的回调
				   console.log(res.tempFilePaths);
				   _this.localChooseImgUrl = res.tempFilePaths[0]
				   uni.showLoading({
				   		title: 'loading'
				   })
				   uni.getFileSystemManager().readFile({
				   		filePath: _this.localChooseImgUrl,
				   		encoding: 'base64',
				   		success: r => { // r.data 
				   			let base64 = r.data;
				   			//把arraybuffer转成base64
				   			base64 = 'data:image/jpeg;base64,' + base64;
				   			//不加上这串字符,在页面无法显示
				   			//console.log('base64', base64);
							uni.showToast({
							    title: "图片解析成功 !",icon:"none",duration:3000,
							});
							uni.hideLoading();
							
						
				   		},fail() {
				   			uni.showToast({
				   			    title: "图片处理异常 !",icon:"error",duration:5000,
				   			});
							uni.hideLoading();
				   			return
				   		}
				   })
				   uni.hideLoading();
				 },
				 fail: (err) => {
				   // 选择失败的回调
				   console.error(err);
				 }
				})
			},

相对应的button 设置click到该函数即可

<u-button type="success"  @click="openCamera" text="图片智能识别"></u-button>

这里我使用该功能,开发了个自动识别图片的功能,支持动植物,人物,物体解析功能,可以扫码体验一下,给些建议~
在这里插入图片描述

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

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

相关文章

给自己复盘的tjxt笔记day9

优惠券管理 开发流程 需求分析&#xff0c;接口统计&#xff0c;数据库设计&#xff0c;创建分支&#xff0c;创建新模块&#xff08;依赖&#xff0c;配置&#xff0c;启动类&#xff09;&#xff0c;生成代码&#xff0c;引入枚举状态 优惠券管理 增删改查的业务代码&#…

vagrant 创建虚拟机

创建一个名为 “Vagrantfile” 的文件&#xff0c;修改如下内容&#xff1a; Vagrant.configure("2") do |config|(1..3).each do |i|config.vm.define "k8s-node#{i}" do |node|# 设置虚拟机的Boxnode.vm.box "centos/7"# 设置虚拟机的主机名…

Behave使用体验

behaveuiautomator2jenkins 同理&#xff0c;Behave也可以和Appium/AirTest框架结合 运行环境 pip install uiautomator2 behave behave2cucumber 意事项&#xff1a;behave版本号建议1.2.5&#xff0c;因为1.2.6和Jenkins Cucumber Report插件不兼容 生成报告 html报告 …

各位,请入局AI大模型,现在!立刻!马上!!

AI 大模型人才供不应求 2024年&#xff0c;AI 在国内市场全面大爆发&#xff0c;不断涌现出新的算法、模型和应用场景&#xff0c;各行各业的垂类大模型应用也迎来井喷期。 无论是华为、 百度、阿里、字节等互联网巨头&#xff0c; 还是中小型的科技公司都在高薪挖 AI 大模型人…

易盾空间推理 分析

声明: 本文章中所有内容仅供学习交流使用&#xff0c;不用于其他任何目的&#xff0c;抓包内容、敏感网址、数据接口等均已做脱敏处理&#xff0c;严禁用于商业用途和非法用途&#xff0c;否则由此产生的一切后果均与作者无关&#xff01; 有相关问题请第一时间头像私信联系我…

Codeforces Round 968 (Div. 2) ABC题详细题解(C++,Python)

前言&#xff1a; 本文为Codeforces Round 968 (Div. 2)的ABC详细题解&#xff0c;包含C,Python语言描述&#xff0c;觉得有帮助或者写的不错可以点个赞 感觉D题说的好抽象&#xff0c;看不懂&#xff0c;之后实力够了更新 目录 题A: 题目大意和解题思路: 代码实现(C): 代…

全国大学生数学建模大赛——黄花鱼的最优捕捞策略

渔业管理部门规定&#xff0c;每年只允许在产卵孵化期前的8个 月进行捕捞作业。如果每年投入的捕捞能力(如渔船数、下网 次数等)固定不变&#xff0c;这时单位时间捕捞量将与各年龄组鱼群条 数成正比&#xff0c;比例系数不妨设为捕捞强度系数。通常使用 13mm 网眼的拉网&…

中国高校发表科技论文及著作数量数据集(2009-2022年)

中国各地区的高校科技产出数据&#xff0c;包括27个指标&#xff0c;科技论文发表、著作出版、专利申请、专利转让、国家标准项等。这些指标综合反映了各地区高校在科学研究和技术开发方面的活跃程度及创新能力 一、数据介绍 数据名称&#xff1a;中国地区高校发表科技论文、…

Android App启动流程

1.通过 Launcher 启动应用时&#xff0c;点击应用图标后&#xff0c;Launcher 调用 startActivity 启动应用。 2.Launcher Activity 最终调用 Instrumentation 的 execStartActivity 来启动应用。 3.Instrumentation 调用 ActivityManagerProxy (ActivityManagerService 在应…

计算机类-本科毕业设计快速通关攻略-(选题-创新点-论文框架-论文绘图)

一、推荐选题 大多数人都没有什么基础&#xff0c;不推荐做系统类的&#xff0c;建议走深度学习方向&#xff0c;简单易上手&#xff0c;下面将给出几个我认为不错的方向。 1、目标检测类 目标检测是每年深度学习毕业设计的主流&#xff0c;如Faster R-CNN、YOLO、SSD等算法…

程序员心理健康测试问卷

当然&#xff0c;以下是一份针对程序员设计的心理健康测试问卷。这份问卷旨在帮助程序员评估自己的心理健康状态&#xff0c;并识别可能存在的心理问题。请注意&#xff0c;此问卷仅供参考&#xff0c;不能替代专业心理咨询或诊断。 程序员心理健康测试问卷 基本信息 姓名&am…

为什么不让程序员直接对接客户,而是通过产品经理?

从客户的角度来说&#xff0c;客户需要的是对自身业务的解决方案以及实现&#xff0c;即能够实现解决方案的软件或系统。从程序员的角度来讲&#xff0c;甲方说啥&#xff0c;我按着做就行了&#xff0c;即实现甲方说的软件或系统。但是甲方不懂技术&#xff0c;程序员不懂业务…

备忘录删除了怎么恢复?备忘录失而复得,掌握这3招!

备忘录是我们手机中的秘密花园&#xff0c;守护着每一个重要的思绪、待办事项与未来规划。它们不仅是日常工作的得力助手&#xff0c;更是心灵慰藉的小角落。但有时候&#xff0c;一个不经意的滑动或点击&#xff0c;这些珍贵的笔记和计划可能就会消失。备忘录删除了怎么恢复&a…

jpeg转pdf,分享5种图片转PDF的方法!

在日常工作和学习中&#xff0c;将JPEG图片转换为PDF文件是一项常见的需求。无论是为了保持文件的清晰度&#xff0c;还是为了方便分享和打印&#xff0c;JPEG转PDF都是一项非常实用的操作。本文将分享五种不同的JPEG转PDF的方法&#xff0c;帮助大家轻松完成这一任务。 方法一…

百度搜索的RLHF性能优化实践

作者 | 搜索架构部 导读 本文大语言模型在未经标注的大量文本上进行预训练后&#xff0c;可能产生包含偏见、泄露隐私甚至对人类构成威胁的内容。OpenAI 最先提出了基于人类反馈的强化学习算法(Reinforcement Learning fromHuman Feedback, RLHF)&#xff0c;将人类偏好引入到…

五种多目标优化算法(MOAHA、NSGA2、NSGA3、SPEA2、MODA)性能对比,包含47个多目标测试函数,6种评价指标,MATLAB代码

一、五种多目标算法及六种评价指标简介 NSGA-III&#xff1a; NSGA-III是Deb在2013年提出的&#xff0c;用于解决高维多目标优化问题。它采用参考点基于的非支配排序方法&#xff0c;并引入了种群的自适应标准化和关联操作&#xff0c;以提高算法在高维问题上的性能和多样性 。…

线程 --- 同步与生产消费者模型

序言 在上一篇的内容中&#xff0c;我们学习了使用互斥锁来保护共享资源&#xff0c;避免多个线程竞争&#xff0c;造成数据不一致等问题。在这一篇文章中&#xff0c;我们将继续深入&#xff0c;学习多线程同步以及生产消费者模型。 1. 线程同步 1.1 什么是线程同步 线程互斥…

操作系统常见面试题总结

文章目录 1 操作系统基础1.1 什么是操作系统&#xff1f;1.2 操作系统主要有哪些功能&#xff1f;1.3 用户态和内核态1.3.1 什么是用户态和内核态&#xff1f;1.3.2 为什么要有用户态和内核态&#xff1f;只有一个内核态不行么&#xff1f;1.3.3 用户态和内核态是如何切换的&am…

HICOOL 2024全球创业大赛角出200个获奖项目

近日&#xff0c;经过超过200天的紧张竞争&#xff0c;HICOOL 2024全球创业大赛从124个国家和地区的7406个创新项目中脱颖而出&#xff0c;共选出了200个获奖项目。 其中&#xff0c;“新一代智能光学显微成像仪器与全流程解决方案”和“基于多尺度深度学习的功能型生物分子设…

Excel下拉框多选

记录一下学会一个新的知识&#xff01; 两种方式 第一种方式&#xff1a;先在表格里写好需要的值&#xff0c;再在数据关联里面直接引入。 1.新建excel表格&#xff0c;输入下拉框需要的值。 2.点击——数据>有效性 3.选择——序列 4.数据来源——框住刚才写好的数据——…