iOS开发- 以图搜图功能实现 (源码+解析)

简介: 以图搜图这个功能相当实用, 之前在实现这个功能的时候, 有一些笔记, 今天就整合成博文, 分享给大家。 这个demo主要实现的功能包括: 自定义拍照界面图像识别以图搜图信息获取(通过识别出的图像, 获取对应信息) 下面是一个简单的演示,  如下:       那么如何实现这样的功能呢? 如果自己去完成图像识别, 显然不现实。

以图搜图这个功能相当实用, 之前在实现这个功能的时候, 有一些笔记, 今天就整合成博文, 分享给大家。


这个demo主要实现的功能包括:

  • 自定义拍照界面
  • 图像识别
  • 以图搜图
  • 信息获取(通过识别出的图像, 获取对应信息)


下面是一个简单的演示,  如下:

     


那么如何实现这样的功能呢?

如果自己去完成图像识别, 显然不现实。

最早我研究的是谷歌API, 不过谷歌在天朝, 大家都懂得...


然后是百度了,尝试了下,  效果还不错。 另外, 百度也有自己“以图搜图”对应的App。不过我们只是为了学会如何实现怎样的功能, 管他呢。


所以,在以图搜图功能上, 我选择了使用百度API,不过百度这个API只提供给他们的“百度轻拍”APP, 不对外开放,我也是通过轻拍抓到的API,然后进行分析。


好了, 接下去就是分析过程了。 demo之后会提供。


1. UIImage 转 NSString

之后我们会采用 post方式, 获取对应的json数据,但是这个请求里面,要传入 base64Encoding 编码的 NSString (这里放的是图片信息)

(不要问我为什么, 百度就是这样设计的 )

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. UIImage* pic =[UIImage imageNamed:@"test_1.png"];  
  2. NSData* pictureData =UIImagePNGRepresentation(pic);  
  3. NSString* pictureDataString =[pictureData base64Encoding];  

2. POST请求

这里, 我抓到的URL是这样的: http://qingpai.baidu.com/api/irs/rex?reqid=196423494211296782&ak=eyJjdCI6IjIwIn0%3D&encoding=base64

如果感兴趣如何获取的, 可以留言, 如果真有疑惑, 我之后会专门再写一篇文章。 这里不是本次的主题, 就不涉及这部分内容了

简单分析下这个API。 

qingpai.baidu.com/api/  很明显 , 它是为 ”百度轻拍“提供的

reqid, ak 这个是绑定设备的。 这里固定使用这个就可以

encoding=base64 表示传入数据的编码方式。


上面那个API是固定的, 需要改变的是我们post时候传入的数据

具体如下:

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. UIImage* pic =[UIImage imageNamed:@"test_1.png"];  
  2. NSData* pictureData =UIImagePNGRepresentation(pic);  
  3. NSString* pictureDataString =[pictureData base64Encoding];  
  4. //Post请求  
  5. NSString *post = [NSString stringWithFormat:@"%@", pictureDataString];  
  6.   
  7. NSData *bodyData = [[post stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]dataUsingEncoding:NSUTF8StringEncoding];//把bodyString转换为NSData数据  
  8. NSURL *serverUrl = [NSURL URLWithString:@"http://qingpai.baidu.com/api/irs/rex?reqid=196423494211296782&ak=eyJjdCI6IjIwIn0%3D&encoding=base64"];//获取到服务器的url地址  
  9. NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:serverUrl  
  10.                                                        cachePolicy:NSURLRequestReloadIgnoringCacheData  
  11.                                                    timeoutInterval:10];//请求这个地址, timeoutInterval:10 设置为10s超时:请求时间超过10s会被认为连接不上,连接超时  
  12.   
  13. [request setHTTPMethod:@"POST"];//POST请求  
  14. [request setHTTPBody:bodyData];//body 数据  
  15. [request setValue:@"application/x-www-form-urlencoded" forHTTPHeaderField:@"content-type"];//请求头  
  16. NSData *returnData = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil];  
  17. NSString *result = [[NSString alloc] initWithData:returnData encoding:NSUTF8StringEncoding];  
  18.   
  19. NSMutableDictionary *addressDic = [result objectFromJSONString];  
  20.   
  21. //异步发送request,成功后会得到服务器返回的数据  
  22. //返回的数据 根据系统的不同会返回不同编码的数据,比如windows 为GBK,Ubuntu 为UTF8.。。  
  23. //注意转换编码格式  
  24. NSLog(@"%@", addressDic);  

看一下打印的信息, 是json数据, 我拆分完以后, 大体长这样:



返回的数据很多, 大家感兴趣可以自己逐一分析。

简单的介绍下. 

facesatar 表示 识别出来相似的明星人脸。

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. "name""\u90ac\u9756\u9756",  
  2. "nameid""1931",  
  3. "simi""0.904725",  
  4. "pid""1932\/64.jpg",  
  5. "width""440",  
  6. "height""440",  
  7. "face_left""143",  
  8. "face_top""107",  
  9. "face_width""193",  
  10. "face_height""193"  

这里是一项的数据. 我们需要的主要是 “name” 和 “simi”属性,分别标示 明星姓名, 相似度。

其他的熟悉包括图片的大小, 人脸的位置, 如果需要也可以使用。

另外, name 这里的编码是Unicode,所以如果一起输出可能不明白什么意思。(缩小到name, 单个输出, 在终端可以看到中文)不过我们获取到这个“name”值后,是可以直接显示,会显示中文的。


另外. 提供一个好用的网站,便于测试

中文转Unicode  
Unicode转中文
http://javawind.net/tools/native2ascii.jsp?action=transform


再有,similar列表这里列举出了相似的图片及其来源。 具体大家可以自己分析。


三。获取详细信息

我们可以通过json数据里面, 获取到相似度最高的那个人物姓名(也可以是景点名字, 这个API比较强大)

然后调用如下API,就可以显示显示详细信息了。百度都为“轻拍”封装好了。

比如, 人物姓名是 “邬靖靖” , 调用如下URL:

http://qingpai.baidu.com/api/proxy/search?word=邬靖靖&pn=1

我这里直接用Safari打开, 就可以看到如下效果:



这样一个封装好的WAP界面, 我们可以直接在UIWebView中, 利用URL打开, 效果就很好了。



将到这里, 主要就是分享一些可供我们直接使用的API。 当然, 这个API在别处肯定是找不到的。


另外, 图片搜索我们还可以拓展出好多知识,

比如 人脸识别,光学字符识别, 图像文字识别....

以上提到的那3部分, 之前都有写过相关demo。 不过最近忙着考试, 等以后有时间了再逐一分享。


希望以上内容对你有所帮助。

相关文章
|
12月前
|
人工智能 API 开发者
HarmonyOS Next~鸿蒙应用框架开发实战:Ability Kit与Accessibility Kit深度解析
本书深入解析HarmonyOS应用框架开发,聚焦Ability Kit与Accessibility Kit两大核心组件。Ability Kit通过FA/PA双引擎架构实现跨设备协同,支持分布式能力开发;Accessibility Kit提供无障碍服务构建方案,优化用户体验。内容涵盖设计理念、实践案例、调试优化及未来演进方向,助力开发者打造高效、包容的分布式应用,体现HarmonyOS生态价值。
727 27
|
12月前
|
人工智能 小程序 前端开发
【一步步开发AI运动小程序】十九、运动识别中如何解析RGBA帧图片?
本文介绍了如何将相机抽取的RGBA帧图像解析为`.jpg`或`.png`格式,适用于体测、赛事等场景。首先讲解了RGBA图像结构,其为一维数组,每四个元素表示一个像素的颜色与透明度值。接着通过`uni.createOffscreenCanvas()`创建离屏画布以减少绘制干扰,并提供代码实现,将RGBA数据逐像素绘制到画布上生成图片。最后说明了为何不直接使用拍照API及图像转换的调用频率建议,强调应先暂存帧数据,运动结束后再进行转换和上传,以优化性能。
|
数据可视化 测试技术 API
前后端分离开发:如何高效调试API?有工具 vs 无工具全解析
在前后端分离的开发模式中,API 调试的效率直接影响项目的质量和交付速度。通过本文的对比分析,我们可以看到无工具调试模式虽具备灵活性和代码复用能力,但在操作便利性和团队协作上稍显不足。而传统的外部调试工具带来了可视化、高效协作与扩展性,却可能存在工具切换带来的开发链路断层问题。Apipost-Hepler 融合了两者的优势,让开发者无需离开熟悉的 IDEA 环境,就能享受可视化调试工具的强大功能。
412 5
|
移动开发 前端开发 JavaScript
从入门到精通:H5游戏源码开发技术全解析与未来趋势洞察
H5游戏凭借其跨平台、易传播和开发成本低的优势,近年来发展迅猛。接下来,让我们深入了解 H5 游戏源码开发的技术教程以及未来的发展趋势。
|
监控 Java 应用服务中间件
高级java面试---spring.factories文件的解析源码API机制
【11月更文挑战第20天】Spring Boot是一个用于快速构建基于Spring框架的应用程序的开源框架。它通过自动配置、起步依赖和内嵌服务器等特性,极大地简化了Spring应用的开发和部署过程。本文将深入探讨Spring Boot的背景历史、业务场景、功能点以及底层原理,并通过Java代码手写模拟Spring Boot的启动过程,特别是spring.factories文件的解析源码API机制。
467 2
|
算法 测试技术 C语言
深入理解HTTP/2:nghttp2库源码解析及客户端实现示例
通过解析nghttp2库的源码和实现一个简单的HTTP/2客户端示例,本文详细介绍了HTTP/2的关键特性和nghttp2的核心实现。了解这些内容可以帮助开发者更好地理解HTTP/2协议,提高Web应用的性能和用户体验。对于实际开发中的应用,可以根据需要进一步优化和扩展代码,以满足具体需求。
1148 29
|
前端开发 数据安全/隐私保护 CDN
二次元聚合短视频解析去水印系统源码
二次元聚合短视频解析去水印系统源码
483 4
|
JavaScript 算法 前端开发
JS数组操作方法全景图,全网最全构建完整知识网络!js数组操作方法全集(实现筛选转换、随机排序洗牌算法、复杂数据处理统计等情景详解,附大量源码和易错点解析)
这些方法提供了对数组的全面操作,包括搜索、遍历、转换和聚合等。通过分为原地操作方法、非原地操作方法和其他方法便于您理解和记忆,并熟悉他们各自的使用方法与使用范围。详细的案例与进阶使用,方便您理解数组操作的底层原理。链式调用的几个案例,让您玩转数组操作。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
存储 前端开发 JavaScript
在线教育网课系统源码开发指南:功能设计与技术实现深度解析
在线教育网课系统是近年来发展迅猛的教育形式的核心载体,具备用户管理、课程管理、教学互动、学习评估等功能。本文从功能和技术两方面解析其源码开发,涵盖前端(HTML5、CSS3、JavaScript等)、后端(Java、Python等)、流媒体及云计算技术,并强调安全性、稳定性和用户体验的重要性。

热门文章

最新文章

推荐镜像

更多
  • DNS