npm 包 node-google-img-search 使用教程

1. 什么是 node-google-img-search?

node-google-img-search 是一款 Node.js 的 npm 包,它可以通过 Google 的 API 搜索图片并返回结果。这个库提供了一种方便快捷的方式,在 Node.js 应用中使用 Google 图片搜索服务。

2. 如何安装 node-google-img-search?

在命令行界面中执行以下命令即可安装 node-google-img-search。

--- ------- ----------------------

3. 如何使用 node-google-img-search?

使用 node-google-img-search 可以通过简单的几行代码轻松地搜索图片并返回结果。

----- ----------------- - ----------------------------------

------------------------ ------ --------------- -------- -
  -- ------- -
    --------------- ----- ----------- -------
  - ---- -
    ----------------------- ---------
  -
---

这里我们搜索关键字 "Polar Bear",当搜索完成时,results 返回一组图片的 url 数组。

你也可以指定搜索结果的数量,比如只要前十张图片:

----- ----------------- - ----------------------------------

------------------------ ------ - ----- -- -- --------------- -------- -
  -- ------- -
    --------------- ----- ----------- -------
  - ---- -
    ----------------------- ---------
  -
---

你还可以加入一些其他的参数:

----- ----------------- - ----------------------------------

----- ------- - -
    ----- ---
    ----- --------
    ----------- -----
    ----- ----
--

------------------------ ------ -------- --------------- -------- -
  -- ------- -
    --------------- ----- ----------- -------
  - ---- -
    ----------------------- ---------
  -
---

如上述代码所示,我们设置了结果数量为 10,结果类型为 "photo",开启了安全搜索,结果语言为英语。

4. 实战示例

下面是一个简单的示例,使用 node-google-img-search 在 web 页面中搜索图片,返回一张图片的 url。

----- ----------------- - ----------------------------------

----- --------- - -------------------------------------
----- --------- - -------------------------------------
----- ----------- - ---------------------------------------

----------------------------------- ---------- -
    ----- ------- - -
        ----- --
        ----- --------
        ----------- -----
        ----- ----
    --

    ---------------------------------- -------- --------------- -------- -
      -- ------- -
        --------------- ----- ----------- -------
      - ---- -
        -- -------- ------- --- ---
        --------------- - -----------
      -
    ---
---

HTML 代码:

------ ----------- ---------------
------- ------------------------------
---- -----------------

在上面的代码中,我们首先获取了输入框的值并设置了搜索的参数,然后调用 node-google-img-search 库,将结果呈现在 web 页面中。

5. 总结

node-google-img-search 是一款非常好用的 npm 包。通过这个库,我们可以轻松地使用 Google 图片搜索服务,快捷方便地得到我们需要的图片。在实际应用中,我们能够使用这个库为用户提供更好的图片搜索体验。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005664381e8991b448e252a


猜你喜欢

  • npm 包 kt-schema-creator 使用教程

    前言 当我们在开发前端应用时,经常需要使用到表单。如何快速、方便地生成表单,是一个非常重要的问题。本文将介绍一个 npm 包 kt-schema-creator,通过这个 npm 包,我们可以更方便地...

    3 年前
  • npm 包 node-red-contrib-ucg-mssql 使用教程

    什么是 node-red-contrib-ucg-mssql node-red-contrib-ucg-mssql 是一个 Node-RED 的插件,通过它,我们可以方便地将 Node-RED 项目与...

    3 年前
  • npm 包 react-connect-the-dots 使用教程

    介绍 react-connect-the-dots 是一个基于 React 的可交互连线组件库。它提供了一种简单的方式来连接指定的一组点,同时绘制出多样化的线型和样式。

    3 年前
  • npm 包 ting.js 使用教程

    如果你是一名前端开发者,并且经常需要处理时间相关的问题,那么 ting.js 这个 npm 包可能会对你非常实用。本篇文章将会针对 ting.js 这个 npm 包进行详细介绍,并提供使用教程和示例代...

    3 年前
  • npm 包 gulp-inline-ngx-template 使用教程

    简介 在前端开发过程中,我们通常使用各种框架来实现我们的需求,而 Angular 是一个非常流行的框架。在使用 Angular 开发前端应用时,我们经常需要使用模板语法,这些模板语法通常存储在一个 H...

    3 年前
  • npm 包 replace-tokens 使用教程

    在前端开发中,我们经常需要在代码中替换一些固定的 token,例如版本号、环境变量等等。为了方便我们的开发工作,npm 上有一个非常方便的包叫做 replace-tokens,它可以帮助我们快速地实现...

    3 年前
  • npm 包 universal_bot 使用教程

    前言 npm是node.js的官方包管理器,几乎所有的前端开发者在日常工作中都会使用它。本文介绍的npm包 universal_bot 是一个用于构建聊天机器人的工具,可以被广泛应用于线上客服、智能问...

    3 年前
  • npm 包 vue-i 使用教程

    前言 Vue-i 是一个基于 Vue.js 的国际化插件,它可以帮助你更方便的实现网站的多语言支持。本文将会介绍如何使用 Vue-i 这个 npm 包来实现网页的国际化。

    3 年前
  • npm 包 agm-core 使用教程

    前言 如果您正在从事前端开发,并且正在寻找一种可靠的方法,在您的应用程序中添加地图和地理位置功能,那么 agm-core 将是您的理想选择。agm-core 是一个非常强大的 npm 包,可以使您轻松...

    3 年前
  • npm 包 agm-snazzy-info-window 使用教程

    介绍 agm-snazzy-info-window 是一个利用 Google 地图 JavaScript API 和 Snazzy Info Window 库实现的 Angular 地图组件,能够在 ...

    3 年前
  • npm包am-cordova-plugins-rollbar使用教程

    简介 am-cordova-plugins-rollbar是一个针对Cordova应用程序的Rollbar JavaScript SDK和Rollbar Cordova插件的封装包。

    3 年前
  • npm 包 ecpl-image-viewer 使用教程

    简介 ecpl-image-viewer 是一个简单易用的前端图片查看器,可以为图片提供缩放、拖拽和旋转等功能。此外,它还支持使用鼠标和键盘来控制图片的操作,具有良好的交互体验。

    3 年前
  • npm 包 sqlcipher 使用教程

    介绍 在前端开发中,使用存储 SQLite 数据库的需求经常会出现。而在一些敏感领域中,如金融、医疗等,在存储数据库时要求保护用户敏感信息的安全性。在这种情况下,需要使用加密后的数据库。

    3 年前
  • npm 包 uify-server 使用教程

    前言 随着前端技术的飞速发展,现在前端工程师需要掌握的知识面越来越广。其中,npm 包的使用已经成为前端开发的基本功。因此,我们今天来介绍一下 npm 包 uify-server 的使用方法。

    3 年前
  • NPM 包 estrangela-cal 使用教程

    简介 estrangela-cal 是由 oouklich 开发的一个用于希伯来语和亚拉姆语日期和年历计算的 NPM 包。它是基于 estrangela 希伯来字体设计的,并且提供了 Gregoria...

    3 年前
  • npm 包 hjs-message 使用教程

    在前端开发中,消息提示是一项很重要的功能。而 hjs-message是一款可以帮助我们实现消息提示的便捷工具。在本篇文章中,我们将为大家介绍 hjs-message 的安装与使用方法,并通过示例代码以...

    3 年前
  • npm 包 @perfectlynormal/ngx-bootstrap 使用教程

    介绍 @perfectlynormal/ngx-bootstrap 是一个 Angular 的 UI 库,它是 ng-bootstrap 和 Bootstrap 的进一步封装。

    3 年前
  • npm 包 ng-thunderhead 使用教程

    在前端开发中,经常需要使用第三方的工具或库来提升开发效率、代码质量和用户体验。npm 是一个非常流行的 JavaScript 包管理器,提供了海量的优秀 npm 包供开发者使用。

    3 年前
  • npm 包 @uuz.io/ews-javascript-api 使用教程

    介绍 @uuz.io/ews-javascript-api 是一个基于 Microsoft Exchange 的 JavaScript API 包,用于在前端环境中操作 Exchange 服务器。

    3 年前
  • npm 包 check-null-string 使用教程

    介绍 在前端开发中,我们经常需要判断一个字符串是否为空。但是,空字符串在 JavaScript 中被认为是一种合法的字符串,因此当我们在使用字符串时没有进行判断,可能会导致一些错误发生。

    3 年前

相关推荐

    暂无文章