介绍
SauceNAO 是一款非常强大的反向图像搜索工具,它可以通过输入图片,查找这张图片在互联网上的使用情况、来源和相关信息。SauceNAO 已经使用了多种搜索引擎和数据库,包括 pixiv、twitter、deviantART、Gelbooru 等等。
在前端项目开发中,我们经常需要使用到图片,尤其是当我们在进行图片版权管理和优化时,使用 SauceNAO 可以快速查询图片的版权信息,帮助我们更好地管理图片资源。
安装
安装 SauceNAO 所需的第三方包很少,只需要安装 jsonp 和 axios 即可。使用 npm 可以快速安装:
npm install --save jsonp axios npm install --save saucenao
使用
使用 SauceNAO 进行反向图像搜索非常简单。首先,我们需要引入 saucenao 包:
import { getSauce } from 'saucenao'
然后,我们可以使用 getSauce 方法进行搜索。该方法的参数是一个对象,包含要搜索的图片、搜索引擎 ID 等信息:
const result = await getSauce({ url: 'https://xxx.com/xxx.jpg', siteId: 15, // Pixiv numRes: 5 // The number of results that are returned })
在获取到返回结果后,我们就可以通过 result 对象获取搜索到的图片信息和目标站点链接等信息:
console.log(result) // return an array of search results
示例代码
假设我们要对一张名为 example.jpg
的图片进行反向图像搜索。我们可以先将该图片上传到服务器,并获取到图片的 URL:
const imgUrl = 'https://xxx.com/example.jpg'
然后,我们可以使用 getSauce 方法进行搜索:
-- -------------------- ---- ------- ------ - -------- - ---- ---------- ----- ----- - ---------------- ----- ----- - ---------------- ----- ------------- - ------ -------- --- ----- ----- --- - ------------------------------------------------------------------------ ----- ------ - ----- --- -- - ----- --- - ----- -------------- - ---------------------- --------------------- -- ------ --- ----------------- ------- -- - --------------- - -------- ---- -- ----- ----- -- - --- - ----------- - ------------- -- -- - ----- ---- - ----- -- -- - ----- ------ - ----- ---------- ---- ------- ------- --- -- ----- ------- - -- --- ------ -- ------- ---- --- -------- -- ----- ---- - --------- -- ------- - --------------- ---------- ------ - ----- - ----------- ----------- --------- - - ----------- ------------------------ ------------- --- -------------------- ------------- ---- -------------- --- - ----- --- - ----- ---------- - ------------------------------------------------------------------------------------- ------------------------ - ----- --- - ---------------- - - ------
在成功搜索到图片信息后,我们可以获取该图片的匹配度、上传成员信息和目标站点链接等信息,以及搜索到的相关图片信息。这样,我们就可以在前端项目中使用 SauceNAO 进行反向图像搜索,并快速获取到图片信息、版权信息等相关信息,从而更好地管理图片资源。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005595681e8991b448d6ba9