Chrome扩展 - 百度识图

我经常搜集些小图片，网上的图片往往都有水印（特别是现在微博发的图片，几乎右下角都有水印）或者比较小，经常会有想找图片原始的版本的冲动。

最近我才发现原来百度有个识图搜索，可以搜索出相似的图片，目前还是测试版，成功率不高，不过在很多场合还是可以派上用场的 :)

PS: Google的Goggles似乎也可以识图，不过只见到手机终端软件，不知Web上能否调用。

目前百度识图在使用时需要登录它的网址，然后要上传一幅图片(<5M)或输入图片的网址，才开始搜索，整个操作比较麻烦。

于是打算做一个Chrome的插件，给网页图片的右键菜单添加一项，单击自动搜索相似的图片并显示在新的标签页里 :)

之前没做过这方面的开发，RTFM之后才发现做Chrome的插件是比较简单的，跟开发Gadgets差不多。

首先定义一个JSON编码的清单：

manifest.json

{
"background_page" : "background.html",
"name" : "百度识图",
"description" : "使用百度识图搜索相似图片. http://www.cnblogs.com/neutra",
"icons" : {
"16" : "baidu-16.ico",
"48" : "baidu-48.png",
"128" : "baidu-128.png"
},
"minimum_chrome_version" : "6.0.0.0",
"page_action": {
"default_icon": "baidu-16.ico",
"default_title": "百度识图"
},
"permissions" : [
"contextMenus",
"tabs",
"http://*/*",
"https://*/*"
],
"version" : "1.0.0"
}

然后是写个后台脚本

background.html

<!DOCTYPE html>
<html>
<head>
<title>百度识图</title>
</head>
<body>
<script>
function getClickHandler(){
returnfunction(info, tab){
var url ='http://stu.baidu.com/i?rt=0&rn=10&ct=1&tn=baiduimage&objurl='+ escape(info.srcUrl);
chrome.tabs.create({ url: url, index: tab.index +1});
};
};
chrome.contextMenus.create({
"title" : "百度识图",
"type" : "normal",
"contexts" : ["image"],
"onclick" : getClickHandler()
});
function checkForBaiduUrl(tabId, changeInfo, tab){
var url = tab.url;
if(url!=null&& url.length >=21&& url.substr(0,21).toLowerCase() =="http://stu.baidu.com/"){
chrome.pageAction.show(tabId);
}
};
chrome.tabs.onUpdated.addListener(checkForBaiduUrl);
</script>
</body>
</html>

上面脚本实现两个功能：一是给图片添加一个右键菜单项，二是当当前标签页的地址是百度识图的地址时在Chrome地址栏右边显示个小图标

注意：上面两个文件都要用UTF8编码保存

做完之后本想发布到GoogleWebStore里的，才郁闷地发现发布扩展程序需要5$的注册费（不过以后发布其他扩展就不用收费了），更郁闷的是付款页面的国家选择列表里没找到China……囧

园里也不能上传crx文件，暂时放到115网盘，下载地址 http://u.115.com/file/f61ec380c7 Chrome下载完会自动提示安装

希望这个扩展有人喜欢~

转载于:https://www.cnblogs.com/neutra/archive/2011/03/20/1989183.html

Chrome扩展 - 百度识图相关推荐

python 百度识图_python如何调用百度识图api
一.先去百度识别官网注册开通服务且获得ak和sk 二.代码模板 import cv2 import base64 import requests import numpy as np import t ...
从百度识图效果对智能识图的一些思考
我尝试让百度识图识别一张图片,它是一种芯片的图片来自于忆阻器,但得到了如下的结果: 它将我的图片联想到二维码. 这已经不错,但是还说不上"好".让我们想想看,它尝试找出它的线条分布 ...
百度识图上线，体验以图搜图
之前听说是在内测,这会儿正式上线了,百度识图测试版,地址:stu.baidu.com.你可以自己上传图片,也可以用网络图片,我试了一下,一些原创性相对比较高的图片,基本上是搜不到啥结果(譬如本人的照片 ...
以图搜图新体验：图片谷歌和百度识图
记得还是年初的时候,在公园里玩,看到路边有很漂亮的花儿,就拿手机拍下来.可是,我不知道这花儿叫什么名字,所以就算上网我也没办法了解这花儿的更多信息,或者可以发到论坛,看能不能遇到刚好打酱油的生物学家. ...
java用gson转换百度识图api的json
参考文章1 [转]用GSON 五招之内搞定任何JSON数组参考文章2 JAVA使用Gson解析json数据,实例百度识图api返回的值如下 result:{"log_id": ...
python识图 web_python如何调用百度识图api
一.先去百度识别官网注册开通服务且获得ak和sk 链接:https://cloud.baidu.com/doc/Reference/s/9jwvz2egb 二.代码模板 import cv2 impo ...
python调用百度api判断两张图片是否相同_python如何调用百度识图api
一.先去百度识别官网注册开通服务且获得ak和sk 二.代码模板 import cv2 import base64 import requests import numpy as np import t ...
百度识图原理分析推测其发展方向…
百度识图原理分析推测其发展方向 2010年12月13日,百度推出相似图片搜索功能-百度识图(shitu.baidu.com),常规的图片搜索,是通过输入关键词的形式搜索到互联网上相关的图片资源,而百 ...
山寨版百度识图之大学生课余学习计算机知识
这种东西还是第一次写,主要是因为第一次做出了点东西,收获了不少.而且之前做过数据库的东西现在再想用的时候去发现全都忘了,所以就更要写一下了. 首先写一下制作学习构成的心得吧,小弟今年大三,这个项目是老 ...
Java实现抓取百度识图结果的实现和思路-2-Json的处理
上一篇文章的断点传输以后再讲_(:зゝ∠)_,先讲讲json的处理什么是json???举个例子似乎短了点,如果用昨天的postURL案例得到的网址去访问的话,也可能会得到类似的结果,不过真实情况是 ...

Chrome扩展 - 百度识图

Chrome扩展 - 百度识图相关推荐

最新文章

热门文章