精华内容
下载资源
问答
  • 1.开通百度AI图像识别 https://login.bce.baidu.com/?redirect=https%3A%2F%2Fconsole.bce.baidu.com%2F%3Ffromai%3D1#/aip/overview 2.代码解释 3.完整代码 <template> <view> <view class=...

    效果图:
    在这里插入图片描述
    在这里插入图片描述

    1.开通百度AI图像识别

    https://login.bce.baidu.com/?redirect=https%3A%2F%2Fconsole.bce.baidu.com%2F%3Ffromai%3D1#/aip/overview
    在这里插入图片描述
    在这里插入图片描述

    2.代码解释

    在这里插入图片描述
    在这里插入图片描述

    3.完整代码

    <template>
    	<view>
    		<view class="radio-list">
    			<view style="color: #DD524D;"> 请选择类别:</view>
    			<radio-group class="radioG" @change="radioChange">
    				<label class="radioR" v-for="(item, index) in radioItems" :key="item.value">
    					<view>
    						<radio :value="item.value" :checked="item.checked" />
    					</view>
    					<view> {{item.name}} </view>
    				</label>
    			</radio-group>
    		</view>
    		<view class="line"></view>
    
    		<view class="content">
    			<!-- 选择图片区域 -->
    			<view class="images_box">
    				<image class='img' :src='imgTempUrl' mode='aspectFill'></image>
    			</view>
    			<!-- 按钮区域 -->
    			<button class="btn" type="primary" @click="imgAdd">选择图片</button>
    			<!-- 识别结果 -->
    			<view class="txt" v-for="(item, index) in resItems" :key="item.value" >
    				<text> {{ (item.score * 100).toFixed(1) }}% ---> {{item.name}} </text>				
    			</view>
    		</view>
    	</view>
    </template>
    
    <script>
    	//定义本页用到的变量
    	var imgB64 = ''
    	var id = 'bxxxxxxxxxxxxrio'
    	var secret = 'LQxxxxxxxxxxxxxxxxxxxxxxxCQ'
    	var typeUrl = 'https://aip.baidubce.com/rest/2.0/image-classify/v1/animal?access_token=' //默认是动物识别
    
    	export default {
    		data() {
    			return {				
    				type: 0 ,
    				imgTempUrl: '',
    				resItems:[],
    				radioItems: [
    					{
    						value: 0,
    						name: '动物识别',
    						checked: true
    					},
    					{
    						value: 1,
    						name: '植物识别',
    						checked: false
    					},
    					{
    						value: 2,
    						name: 'Logo识别',
    						checked: false
    					}
    				],
    
    			}
    		},
    
    		// 分享给朋友
    		onShareAppMessage: function() {},
    		//分享到朋友圈
    		onShareTimeline: function() {},
    
    		methods: {
    			radioChange(e) {
    				//console.log(e.detail.value)
    				this.type = e.detail.value
    				if(this.type == 0) {  //动物识别
    					typeUrl = 'https://aip.baidubce.com/rest/2.0/image-classify/v1/animal?access_token='
    				}
    				if(this.type == 1) {  //植物识别
    					typeUrl = 'https://aip.baidubce.com/rest/2.0/image-classify/v1/plant?access_token='
    				}
    				if(this.type == 2) {  //商标识别
    					typeUrl = 'https://aip.baidubce.com/rest/2.0/image-classify/v2/logo?access_token='
    				}
    				
    			},
    
    			//选择图片
    			imgAdd() {
    				wx.chooseImage({
    					count: 1,
    					sizeType: ['original', 'compressed'],
    					sourceType: ['album', 'camera'],
    					success: (res) => {
    						this.imgTempUrl = res.tempFilePaths[0]
    						this.getB64ByUrl(this.imgTempUrl)  //调用方法并传入参数
    					}
    				})
    			},
    			
    			//转换成base64格式
    			getB64ByUrl: function(url) {				
    				const FileSystemManager = wx.getFileSystemManager();
    				FileSystemManager.readFile({
    					filePath: url,
    					encoding: 'base64',
    					success:(res) => {
    						//console.log(res.data)
    						imgB64 = res.data
    						this.plantTap()  //调用方法
    					},
    					fail:(err) => {
    						console.log(err)
    					}
    				})
    			},
    			
    			plantTap() {
    				let that = this
    				this.getToken(function(token) {  //先调用getToken方法得到token,再传入getResult方法中运行
    					that.getResult(token)
    				});
    			},
    			
    			getToken: function(callback) {  //回调函数,要有返回值
    				wx.request({
    					url: 'https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=' + id + '&client_secret=' + secret,
    					data: {},
    					header: {
    						'content-type': 'application/x-www-form-urlencoded' // 默认值
    					},
    					success(res) {						
    						//console.log(res)
    						var token = res.data.access_token
    						return callback(token) //返回值
    					},
    					fail(err) {
    						console.log('错误',err)
    					}
    				});
    			},
    			getResult: function(token) { 
    				let that = this
    				wx.request({
    					url: typeUrl + token, 
    					method: "post",
    					data: {
    						image: imgB64
    					},
    					header: {
    						'content-type': 'application/x-www-form-urlencoded' // 默认值
    					},
    					success(res) {
    						console.log(res.data)
    						that.resItems = res.data.result
    					}
    				})
    			}
    
    		}
    	}
    </script>
    
    <style>
    	.radio-list {
    		margin-left: 3.3%;
    	}
    
    	.radioG {
    		display: flex;
    		flex-direction: row;
    		flex-wrap: wrap;
    		justify-content: flex-start;
    	}
    
    	.radioR {
    		display: flex;
    		flex-direction: row;
    		margin: 5rpx;
    	}
    
    	.line {
    		border-top: 1rpx;
    		border-top-style: solid;
    		border-color: #007AFF;
    	}
    
    	.content {
    		display: flex;
    		flex-direction: column;
    		align-items: center;
    		justify-content: center;
    	}
    
    	.btn {
    		margin: 10px;
    		width: 80%;
    	}
    
    
    	.images_box {
    		border: 1rpx;
    		border-style: solid;
    		border-color: rgba(0, 0, 0, 0.452);
    		width: 98%;
    		height: 496rpx;
    		margin: 10rpx;
    		position: relative;
    	}
    
    	.img {
    		width: 100%;
    		height: 100%;
    	}
    	
    	.txt{
    		margin: 10px;
    		font-size: 20px;
    		color: #007AFF;
    	}
    
    </style>
    
    
    展开全文
  • 小帅一点资讯微信小程序图像识别源码,微信小程序百度AI接口源码,微信小程序图片上传显示缩放缩略图 人脸识别 植物、动物、菜品、车型等识别 换军装 人脸对比等功能
  • Insight 微信图像识别小程序 扫码体验 </center> # 一、产品概况 ## 1. 介绍与需求 ### 1.1 产品简介 识相 Insight 是一款免费的 **快速识别图像,获取相关知识,提升生活信息认知** 的小程序。...

    image-20210603111921803

    😁 代码开源,欢迎学习交流(大佬不要喷,自学JavaScript) 😁

    ⚠️ 拒绝一切将他人学习成果白嫖/盈利的行为 ⚠️

    如果对你有用,可以 ** Star✨** 一下

    Insight 微信图像识别小程序

    insight_qrcode

    扫码体验


    一、产品概况

    1. 介绍与需求

    1.1 产品简介

    识相 Insight 是一款免费的 快速识别图像,获取相关知识,提升生活信息认知 的小程序。产品通过利用人工智能的图像识别技术,对图像进行快速识别分析,迅速给用户反馈结果。识相 Insight 小程序能够帮助你识别动物、植物、汽车、菜品、物体、Logo/公司名称、文字、甚至是手写文字,并且能记录识别结果以供反复查看。

    1.2 目标用户

    产品是工具类小程序,对年龄没有限制,老少咸宜 ,针对不同人群,目标用户包括但不限于以下类别:

    • 研究动植物的园林从业者或动植物专家、相关的教师/学生
    • 业余的动植物爱好者或不了解植物、动物的新手小白
    • 需要获取图片中文字内容的用户
    • 经常想知道汽车型号的汽车爱好者或预购人士
    • 看到美食却不知道菜品名字的吃货
    • Logo设计师、需要获取商品/品牌名称的人士

    1.3 使用场景

    • 想知道这是什么: 在生活中、浏览互联网时,看到的动物、植物、汽车、菜品、Logo、物体想知道名字和相关知识;家长面对孩子关于植物、动物等不知道怎么回答…
    • 了解相关知识: 学生完成老师布置的植物、动物等的相关作业、园林从业者积累相关的知识…
    • 文字识别: 读书笔记摘录、将纸质文件转录为电子版、购物小票转为电子版保存、上课/会议PPT文字的快速记录,转为可编辑的文本进行复制…

    1.4 用户痛点、需求和解决方案

    用户痛点需求解决方案
    走在路上常常想知道看到不认识的 动物/植物/汽车/Logo公司/物体 的名称和相关知识能够立马、快速知道未知事物的名称和获取相关知识通过 拍照、上传图像 ,结合人工智能图像识别技术进行分析并返回对应的结果和相关信息给用户
    园林从业者/农业养殖主 看到虫类不清楚是否为害虫,不能及时处理;想要快速了解动/植物习性能够快速得知物种的名称,并了解是否对 植物/作物 有害和其习性通过 拍照/上传虫类图像 进行识别,并给用户相应的结果和信息
    读者想要摘抄 纸质书/电子书/笔记 中的内容想要即刻转为可编辑的文本,高精度快速响应的图像文字识别功能使用小程序的人工智能OCR文字识别快速将内容转为可编辑文本,并一键复制
    学生党/与会者 参加 课程/会议 时, 不能快速记录 黑板/PPT 中的内容能够当场拍照记录或 课后/会后 使用相册中的图像进行提取记录信息使用小程序的人工智能OCR文字识别快速将 黑板上的手写文字/PPT内容 转为可编辑文本,并一键复制

    1.5 创新与应用

    1.5.1 创新点

    • 用完即走,轻便快捷:据前期市场调查, 图像识别 类产品更多是传统的需要下载安装的APP,如“形色”、“白描OCR”等产品,识相Insight小程序能够在完成用户需求的前提下,不占用用户手机太多的空间,用完即走,给用户更加快捷清爽的体验。

      • 低成本运营识相Insight小程序采用 TencentTCB (腾讯云开发) 提供的云开发功能,极大程度地便利了开发者——相较于传统APP需要服务器、域名等繁琐的前提准备,识相Insight小程序使用云存储、云函数、云数据库等功能,不仅在运营、提供服务上都减小了开发成本,在更新迭代、升级维护和推广各方面都相较于传统APP更快捷、更有优势。
      • 功能齐全,操作简便:识相Insight小程序对比其他图像识别类产品,功能更加丰富,**集合了“植物、动物、物体、汽车、菜品、Logo、文字和手写文字”**识别功能于一个小程序,且能够相关信息让用户对结果充分了解,在文字识别中提供可编辑文本以及一键复制功能,还能够查看历史记录。在操作上,小程序的UI以 卡片式设计 为主,功能分区明显直观,用户对功能一目了然,简单且容易上手。

      1.5.2 实践应用

      image-20210504161359080

      在小程序后台统计数据中,可以看到用户从任务栏中进入的次数占比高达75%,说明识相Insight小程序已经融入成为用户的习惯操作中,在需要的时候打开微信下拉的操作简便且快速实现需求。

      识相Insight正是因为能够快速解决用户需求、提升用户对生活信息的认知,在传统的图像识别APP中脱颖而出,极大地便利了用户的生活。

      2. 产品设计

      2.1 产品结构图

      识相 Insight 小程序产品功能结构的逻辑清晰易懂,用户上手即可掌握,用户使用过程中的每一步都可以明白对应的下一步操作,快速满足用户需求。

      识相Insight-产品结构图 (2)

      2.2 用户流程图

      用户使用流程清晰,部分步骤有关联但不会影响每一步的使用,用户旅程、操作逻辑简单而快速。

      识相小程序 用户流程图 (1)

      2.3 UI设计规范

      WechatIMG1640WechatIMG1644

      WechatIMG1645WechatIMG1646

      注:标注图以px为单位,实际在小程序中以rpx为单位。

      2.3.1 图标系统

      • **TabBar中图标采用统一的颜色系统,选中时为蓝色(#2e51ff),未选中为灰色(#b1b1b2),清晰明显,对比度强,便于区别。**三个图标分别代表为“知识”“识别”和“我的”,其中“知识”用灯泡作为知识,也代表新想法、新知识、新idea的意思;“识别”的图标与小程序Logo相同,结合眼睛和放大镜,意为去搜查我们看到的事物;“我的”
      • “识别”页和“我的”页中的图标采用Font Awesome的图标系统进行嵌入,“识别”页中用未填充的描线图标为辅助,帮助用户更快地找到需要的功能,选中后变为主色调蓝色(#2e51ff),未选中为黑色;“我的”页中「 更多功能 」卡片使用“填充”图标作为辅助,且与下方「 更多作品 」卡片作出区别(描线图标)以显示其重要级和优先级。

      2.3.2 颜色系统

      • 识相 Insight 采用的功能、按钮、板块分区等区域 主色调为蓝色,给用户清晰、纯净和理智的感觉,让用户对产品产生准确、睿智的第一印象。
      • 各页面导航栏、卡片角标、识别结果页列表表头使用渐变色对比色:蓝色–>草灰色linear-gradient(45deg, #0081ff, #1cbbb4)使用主色调的对比色,使用渐变色减少色彩的单调性,使画面颜色丰富

      2.3.3 界面规范

      • 卡片间距:整体设计遵循 8px设计原则,大量采用40px、80px为间距,在保证内容能够得到展示的前提下,充分留白,让画面更加整齐,并能够让用户更迅速定位需要的内容/功能上。
      • 圆角卡片:界面中多使用卡片为依托进行展示,卡片圆角度数为 20rpx10px 为标准,减少视觉上生硬的感受,使画面显得活泼、减少单调。
      • 图片比例:“知识”页中的图片多采用比例为 2:1 的图片进行显示,在不占用太大的屏幕比例的前提下充分显示图片内容;“识别”页中的图片以嵌入卡片的形式展示,需要考虑整个卡片的占比,故使用了比例为 4:3 的图片;“识别结果”页中使用比例为 5:4 的图片,分享卡片自动截取到的图像也为 5:4 比例,与分享卡片一致。
      • 板式栏高:采用小程序默认的TabBar以及NavBar高度,标准且不占用过多空间,让用户更容易点击操作。

      2.4 操作引导设计

      1. 主页功能「 识别 」功能以卡片化设计为分区,识别功能的卡片可上下滑动以点击进入不同类型的识别功能;侧导航栏以辅助定位为主,辅助用户快速定位到需要的功能,且 设计在右侧,为用户单手使用提供更便捷的操作方式。
      2. 明显、简洁的界面设计和简化的功能设计让用户能够一目了然,快速上手,无需复杂繁琐的点击即可完成需求:如在“识别”页中,点击需要识别的类型即选择相机或相册进行识别后跳转结果。

      二、技术实现

      图片 1

      1. 技术方案

      • 识别功能:调用 **百度图像识别 **技术 API接口服务,并使用 小程序云开发技术中的云函数 进行封装部署,并将用户上传的图像使用 **小程序云开发中的云存储 **进行存储。当用户选择识别类型并上传图像后,将图像保存到 云存储 中,再通过调用对应的云函数,将图像的发送给云函数接口,进而返回对应的识别结果,再对识别结果进行处理后进行渲染到页面并实现交互功能,从而实现识别功能。

      image-20210516160041823

      不同功能实现使用不同的云函数

      image-20210516160420222

      在对应功能中调用云函数

      • 信息存储与展示:使用 小程序云开发中的云存储和云数据库 将文本、图像、识别结果、用户标记等内容进行存储,展示时再通过读取数据库内容进行渲染。

        image-20210516160453612

        用户上传到云存储中的文件

        屏幕快照 2021-05-16 下午4.05.39

        用户识别后的结果记录

      • 识别记录:使用 小程序云开发中的云存储 将图像进行保存,并记录识别结果和图像的url等内容保存到 云数据库 中,当用户打开“识别记录”、使用“分享”功能时,将 查询数据库 并使用用户的识标进行筛选,获取数据库信息后渲染到列表,当用户点击时同时将信息传送到结果页进行渲染。

        屏幕快照 2021-05-16 下午5.01.32

        识别记录页中的开发和操作逻辑

      • 文章发布:在文章/热门识别内容管理数据中,将内容存储在数据库中,并使用 云开发的内容运营 对数据进行快速管理更新和发布。

        image-20210516160907194

        使用云开发-内容运营对内容进行快捷管理

      2.系统实现

      2.1 图像识别功能

      识相小程序 图像识别功能实现 流程图

      (使用的 云函数 可见 二、技术实现-1.技术方案)

      2.2 跳转、分享功能

      2.2.1 文章类跳转

      文章类卡片位于「 知识 」页,文章卡片内容都是来源自 调取云数据库内容 ,进行缓存后再在页面使用 wx:for 进行展示,通过点击卡片进入各文章的详细页。因此,要跳转到对应的页面,需要有一个跳转的标识:在这里使用云数据库自带产生的 _id 指标进行辨别,然后带着标识进入文章详细页后,再以 _id为查询条件 使用 云数据库 的查询语句,进行查询后渲染到文章详细页。

      屏幕快照 2021-05-16 下午4.12.22

      屏幕快照 2021-05-16 下午4.15.45

      2.2.2 识别结果历史记录跳转

      「 识别记录 」页通过获取到用户唯一的 openid 识标进行在 云数据库 中进行索引查询,并将结果(用户识别图片的 云存储URL、识别结果、识别类型)进行渲染,在用户点击时,先判断识别类型再将结果传到对应的 「 识别结果 」页并渲染展示。

      屏幕快照 2021-05-16 下午5.01.32

      屏幕快照 2021-05-16 下午5.05.39

      2.2.3 分享功能

      通过将页面数据进行赋值,传递值前需要先将数据进行编码操作 encodeURIComponent() ,在接收时需要 decodeURIComponent() ,使用官方提供的分享功能并将数据通过 path 中进行参数的传递。

      屏幕快照 2021-05-16 下午5.34.50

      3. 测试方案

      3.1 稳定性测试

      小程序功能简明,识别功能通过上传图像识别即可测试;文章是数据库内容,只要渲染模板正确即可,稳定程度高;识别记录是通过用户唯一的openid的对数据库的读取并渲染,不会出现错误。

      小程序在上线后经过200+次用户识别和反馈测试,能够稳定使用,且后端使用 TCB云开发,官方支持不用考虑服务器问题,更加稳定运行。

      3.2 机型测试

      小程序核心功能使用的是 「 调用云函数 」,更多的是对小程序的样式的不同机型的适配工作。

      开发时使用标准的 rpx进行,非常好的适配各类机型,在不同机型下都不出现错位等bug。

      1

      4. 利用轮子(引用代码)

      • 页面样式:页面部分样式和排版使用 Color UI 小程序组件库。

      • 图像识别技术 :使用百度AI开放平台图像识别能力,使用SDK并部署到云函数。

      • 文章详细页使用了 **插件「 html2wxml 」**将html内容渲染为wxml进行展示。

      • 文章内容:来自公众号文章内容,已注明来源。

      三、运营维护

      1. 上线和指标

        小程序已经发布上线。

        根据小程序的运营状况,近3月运营违规和代码审核状况综合评估结果 “运营指标” 为 优秀,代码被驳回次数为 0 次,运营处罚 为0 次;根据小程序性能指标为 “ 良好 ”。

        屏幕快照 2021-05-17 上午9.01.54

      2. 运营

        上线后的运营工作主要是「 知识页 」文章和热门识别结果的更新,通过 TCB云开发的 内容运营CMS后台,能够在网页端快速更新和修改内容,便捷的方式让运营成本大大降低的同时,更提高了更新维护的效率。

        image-20210516160907194

      3. 应用效果

        自上线以来,已有 100+ 用户使用,通过云存储的使用空间推算(总共使用 279Mb / 每张图像约150 Kb )约为 1900张 图像,即用户平均上传15+张图像,部分用户已经产生了对产品的黏性,当想到时会使用小程序,大大提升了生活的认知。

        image-20210517100746592

      四、其他

    展开全文
  • 微信小程序图像识别源码

    万次阅读 热门讨论 2019-09-10 14:42:59
    基于近期的工作内容关系,在查询一些资料的同时,在微信小程序端集成了图像识别功能。基于成本的关系,在阿里,百度,腾讯等对比之后直接选择了免费的百度Ai开放平台,根据下方的价格目前测试够用。 百度端配置...

    前言

    基于近期的工作内容关系,在查询一些资料的同时,在微信小程序端集成了图像识别功能。基于成本的关系,在阿里,百度,腾讯等对比之后直接选择了免费的百度Ai开放平台,根据下方的价格目前测试够用。
    在这里插入图片描述

    百度端配置信息

    首先在百度开发界面创建自己的应用,并获取选择对应的接口,根据需求选择图像识别
    在这里插入图片描述
    在应用列表中看到自己常见的应用,同时会自动生成对应的API Key和Secret Key,这个两个Key要记住,后面会使用到
    在这里插入图片描述
    百度简单介绍了接口的调用方式图像识别API文档。接下来就是小程序中代码实现了。

    小程序中代码:

    1.通过上方的API Key和Secret Key获取access_token:
    在这里插入图片描述
    2.小程序中获取要识别图片的路径,小程序官方文档中有相应的代码介绍
    3.通过要识别的图片路径获取图片Base64数据信息:
    在这里插入图片描述
    4.传递获取到的图像数据调用百度接口获取图像中的物品场景信息:
    在这里插入图片描述

    结语

    具体功能已经在小程序中实现,体验效果微信扫描下方二维码:

    在这里插入图片描述

    智能识图小程序源码下载路径:https://pan.baidu.com/s/1OGE7vhogS7L7nn0JIFPVWw 提取码:8ze9
    展开全文
  • 结束了五一国庆的八天假期后,便开始着手为微信小程序《代码协作》制作一个图片识别代码的功能。这个需求的主要来源是,在有的公司、组织、团队上,代码是不能直接拷贝出来的。但是,拍照是允许的。为了协作方便,...
  • 图像识别对接百度OCR,具备免费识别限制配置以及会员充值功能,能够达到清晰的图像识别效果,能够通过拍照读取、微信好友选择图片读取、同时可以对图片进行剪切等操作。 小程序源码在small_app中
  • 支持图像识别、车型识别、景区识别、图片转文字,后端为springboot服务 以及语音识别,后端为微信小程序自带的识别函数
  • 微信小程序拍照识别垃圾分类|垃圾分类查询小程序|拍照识别垃圾分类小程序 微信小程序拍照识别垃圾分类查询小程序|拍照识别垃圾分类小程序 最近全中国人都在讨论一件事情那就是垃圾分类! 从上海开始到全国46个城市...

    微信小程序拍照识别垃圾分类|垃圾分类查询小程序|拍照识别垃圾分类小程序

    微信小程序拍照识别垃圾分类查询小程序|拍照识别垃圾分类小程序
    最近全中国人都在讨论一件事情那就是垃圾分类!
    从上海开始到全国46个城市试点垃圾分类提上日程似乎已经板上钉钉
    垃圾分类会激发多大的市场?哪些相关产业值得关注?
    全产业链均受益,湿垃圾市场增量最大 
    具体来说,可回收物 有害垃圾 易腐垃圾其他垃圾

    但是具体的一个垃圾属于什么垃圾我们还是不清楚,接下来我们就来写一个拍照可以识别垃圾分类的微信小程序

     

    展开全文
  • 前言 开发小程序,涉及到图像,文字识别等功能;包括(植物,动物,物品,驾驶证,身份证,银行卡,文字,翻译,车型)等功能。...微信小程序图像识别源码:https://mp.csdn.net/postedit/100698868 ...
  • 微信小程序图像识别源码,微信小程序百度AI接口源码,微信小程序图片上传显示缩放缩略图,人工智能,图像识别,人脸颜值分析,植物,动物,车型,标志,食材,手写文字识别等-源码 最新代码更新在 使用说明 下载源码 用微信...
  • 但是具体的一个垃圾属于什么垃圾我们还是不清楚,接下来我们就来写一个拍照可以识别垃圾分类的微信小程序 作者Q--Q:1-3-7-9-1-7-4-4-6-4 先上效果: 我们小程序要用到的组件就是微信小程序的...
  • 垃圾分类小程序 了解垃圾分类 2019年7月1日起上海就要开始正式执行《上海市生活垃圾管理条例》,真的。。。不是开开玩笑随便执行 如果依旧混合投放垃圾,拒不整改个人最高可罚款200元企业单位最高罚款5万元。 所以...
  • 如果设置为false,则对于身份证切片(如仅身份证号区域)也可识别 示例: 3.1自定义文件 profunc.js,实现函数并封装 function OcrIdCard(access_token){ return new Promise(function(resolve,reject){ var that =...
  • 影像大师 使用图像识别API的微信小程序 项目进度 点击此链接查看 页面显示 图片识别如下所示: 微信搜索图片:
  • 场景:微信小程序,使用webview控件。需求:点击图片后长按图片出现“识别二维码” 1、JS代码: &lt;script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"&gt;&lt;/script&gt...
  • 微信小程序使用AI开放平台,实现图像识别和人脸融合wxapp-master.zip
  • 微信小程序——图片识别

    千次阅读 多人点赞 2020-01-03 13:55:11
    我的微信小程序 期末大作业——基于百度大脑API的图片识别小程序 具体实现了动物识别、植物识别、车辆识别 三个功能 实验源码已经放到了我的GitHub,欢迎测试修改 下面给大家分享该项目的实验报告???? 目录1 概述...
  • 微信小程序扫描二维码识别商品的简单项目 可用作基本框架
  • 微信小程序使用百度图像文字识别接口实现步骤*以下与主题无关,给大家推荐两个好玩的微信小程序 实现步骤 获取 APP_ID, API_KEY, SECRET_KEY,具体操作可参考官方文档???? 在对应的云函数目录下安装依赖 npm ...
  • 微信小程序-阿里云OCR图像识别

    千次阅读 热门讨论 2019-01-09 16:03:56
    实训要求用微信小程序实现对图像的智能识别,我选择的是用阿里云的身份证识别API对上传的身份证进行识别 参考了这个博客 微信小程序-OCR信息识别 并在这个博客基础上做了一些修改 身份证识别Api :文字识别 该...
  • 微信小程序实现智能识别名片

    千次阅读 2020-04-17 15:30:11
    文章目录1、背景2、腾讯开放平台名片OCR接口2.1 文档参考2.2 小程序OCR功能主要JS代码实现3、微信小程序名片OCR功能接入3.1 微信小程序首页设计3.2 扫名片功能实现3.2.1 识别页面3.2.2 识别程序4 名片识别验证4.1 ...
  • 人脸识别最好就是用sdk,因为用sdk十分的便捷,同时易于代码书写,首先把sdk解压放到controller同一目录中,引入AipFace.php, const HOST='xxx'; //你的网站 //初始化人脸 private function init_face(){ $APP_...
  • 图像base64编码识别 一、问题描述1-报错216101 not enough param 参数不足 拿到百度接口的access_token之后,使用下面函数访问api,查看response,提示 参数不足 //5. 访问api const askApiUrl = function (img_...
  • 首先在微信小程序中拍照会使用到camera组件,该组件需要用户授权,拒绝授权的情况以后可能会补充,目前展示仅仅为允许授权的情况。 组件中设置的值根据需求查看官网进行修改,官网地址:微信小程序camera组件 page....
  • 微信小程序图像智能分析

    万次阅读 2019-12-01 20:57:20
    微信前端基础、python基础、django基础 设计思路: 前端发送图片(base64格式),后端接收图片,调用腾讯云图像分析接口分析图片,将分析结果返回前端展示。 参数: image_base64:base64图片 接口: wx....
  • 微信小程序使用身份证识别

    千次阅读 2021-03-31 11:00:35
    微信小程序ocr可识别银行卡、身份证、驾驶证、行驶证、营业执照等,这里仅以身份证识别为例。 接口文档: ocr文档 不多说,直接贴代码 wx.uploadFile({ url: `...
  • 前言 利用图像识别技术,识别葡萄患病情况 小程序截图
  • 用于微信小程序的OCR识别管理系统 个人原创做的系统,系统适合程序员拿来二开或者小白学习使用,建议二次开发后部署商业使用。 下载地址:https://download.csdn.net/download/hj960511/18420237 安装项目 1....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,116
精华内容 4,446
关键字:

微信小程序图像识别

微信小程序 订阅