简介
在前端开发中，经常需要使用到图片搜索，bing-image-search 是一款npm包，提供易用的API接口，能够方便快速地搜索bing搜索引擎中的图片资源。本文主要介绍如何使用 bing-image-search 包。
安装
在项目根目录下执行以下命令：
npm install bing-image-search
安装成功后即可使用。
使用方式
bing-image-search提供了search函数和searchAll函数两种方式进行图片搜索。
search函数
search函数接收searchTerm、options、callback三个参数，其中 options 和 callback 参数是可选的。
searchTerm：搜索关键字，可以使用英文、中文等字符。options：选项对象，包含以下可选参数：count: 返回图片数量，默认为50，最大值为150。offset: 返回图片偏移量，默认为0，最大值为999，且必须是50的倍数。mkt: 图片所属区域，默认为'en-US'。imgSize: 图片尺寸，可选值包括'Small'、'Medium'、'Large'、'Wallpaper'、'All', 默认为'All'。imageType: 图片类型，可选值包括'AnimatedGif'、'AnimatedGifHttps'、'Clipart'、'Line'、'Photo'、'Shopping'、'Transparent'，默认为'Photo'。colorFilter: 颜色筛选，可选值包括'ColorOnly'、'Monochrome'、'Black'、'Blue'、'Brown'、'Gray'、'Green'、'Orange'、'Pink'、'Purple'、'Red'、'Teal'、'White'、'Yellow'，默认为'ColorOnly'。
callback：回调函数，需要传入两个参数，第一个为错误信息，第二个为搜索结果。搜索结果是一个JSON对象数组，每个对象包含图片的各种信息，如链接(URL)、宽度(width)、高度(height)等。
以下是一个使用 search 函数的示例代码：
-- -------------------- ---- -------
----- ----------- - -----------------------------
--- ---------- - ------
--- ------- - -
------ ---
------- --
---- --------
-------- ---------
---------- --------
------------ -----------
--
--- -------- - ------- ------- -- -
-- ------- -
---------------------
- ---- -
--------------------- ------ -- -
----------------------- - ---- -----------------------------
---------------- -------------------- --- -----------------------
---
-
--
------------------------------ -------- ----------searchAll函数
searchAll函数类似于 search 函数，但是可以使用 promise 链接调用。与 search 函数相比，searchAll 函数只需要传递 searchTerm 和 options 两个参数，不需要传递 callback，返回的是一个 Promise 对象。
以下是一个使用 searchAll 函数的示例代码：
-- -------------------- ---- -------
----- ----------- - -----------------------------
--- ---------- - ------
--- ------- - -
------ ---
------- --
---- --------
-------- ---------
---------- --------
------------ -----------
--
--------------------------------- --------
------------ -- -
--------------------- ------ -- -
----------------------- - ---- -----------------------------
---------------- -------------------- --- -----------------------
---
--
------------ -- ----------------------教程总结
通过本文的介绍，我们了解了如何使用 bing-image-search 包，从而方便快速地搜索bing搜索引擎中的图片资源，在前端开发中起到很大的作用。同时，我们也通过这个例子学到了如何合理运用npm包，提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006737a890c4f7277584121