我可以将Google Image搜索嵌入到我的html5网页中吗?

时间:2018-03-20 11:40:27

标签: html5 google-search

我希望能够做到的是用户点击我网站上的按钮(实际上是一个在用户计算机上本地运行的webapp,因此每个实例都是单个用户),启动Google图像搜索,并设置和显示各种参数结果在我的html页面的一部分。

这是因为他们可以选择一个图像并将其拖放到我网页上的dropzone中。这部分有效,但目前搜索是在一个新选项卡中打开,因此从该选项卡拖动到我的标签会有点麻烦。

嵌入iframe不起作用,Google不允许这样做。

所以

A>是否有Google认可的API可用于执行Google搜索图片并在我的页面中显示。

B个我可以从我的服务器发送发送网址请求(我喜欢curl / wget然后屏幕抓取结果并显示在网页上

2 个答案:

答案 0 :(得分:2)

Google的自定义搜索引擎(CSE)API每天限制为100次免费请求。

创建cx并修改它以搜索图像

  1. 根据您的搜索条件在https://cse.google.com/cse/create/new创建自定义搜索引擎。
  2. 选择要搜索的网站(如果要搜索整个网站,请将其留空,否则您可以输入网站在一个特定网站中进行搜索)
  3. 输入搜索引擎的名称和语言。
  4. 点击“创建”。您现在可以在浏览器网址中找到cx
  5. 在“修改您的搜索引擎”下,点击“控制面板”按钮。在“编辑”部分,您将找到带有ON / OFF按钮的“图像搜索”标签,将其更改为开启。点击“更新”以保存更改。
  6. 使用API​​

    进行搜索

    API端点网址为https://www.googleapis.com/customsearch/v1

    以下JSON参数用于此API:

    • q:指定搜索文字
    • num:指定结果数量。需要1到10(含)之间的整数值
    • start:结果的“偏移量”,结果是搜索应该从。需要1到101之间的整数值。
    • imgSize:图片的大小。我使用了"medium"
    • searchType:必须设置为"image"
    • filetype:指定图像的文件类型。我使用了“jpg”,但如果文件扩展名对您无关紧要,可以将其删除。
    • key:从https://console.developers.google.com/
    • 获取的API密钥
    • cx:上一节中的自定义搜索引擎ID

    只需将上述参数作为JSON传递给API端点(也在上面列出),即可发出GET请求。

    注意:如果您在搜索引擎设置中设置了引荐来源列表,则可能无法通过浏览器访问该网址。您需要从此列表中指定的服务器进行AJAX调用(或来自其他语言的等效调用)。它仅适用于配置设置中指定的引用。

    参考: https://developers.google.com/custom-search/json-api/v1/reference/cse/list

    回答:https://stackoverflow.com/a/34062436/4366303

答案 1 :(得分:1)

Google已经停止了图片搜索API,它已不再可用(请参阅此SO线程的替代方案)。

如果您打开您提供的网址,则会说:

{"responseData": null, "responseDetails": "This API is no longer available.", "responseStatus": 403}