npm 包 imgur 使用教程

在前端开发中，我们经常需要使用图片来展示和美化网页。而 imgur 就是一个非常好用的云端图片存储服务，可以帮助我们上传和管理图片。而 npm 包 imgur 则是一个方便的调用 imgur API 的工具，可以轻松实现图片上传和获取缩略图等功能。下面就来详细介绍一下 npm 包 imgur 的使用方法。

1. 安装 imgur

首先，我们需要在本地项目中安装 imgur，可以使用下面的命令：

npm install imgur 

2. 注册 imgur API

在使用 imgur 前，我们需要先注册 imgur API，这里分为两步：

2.1 创建 imgur 账号

首先，我们需要在 imgur 官网 上注册一个账号。

2.2 创建 imgur 应用

然后，在 imgur 应用管理页面 上创建一个应用，需要填写应用名称、应用描述、授权回调URL等信息。创建完应用后，会获得一个 Client ID 和 Client Secret，这些信息在后面的配置中会用到。

3. 配置 imgur

安装和注册 imgur 后，我们需要在项目中进行配置。在使用 imgur 前，我们需要在代码中引入 imgur 模块：

const imgur = require('imgur');

然后，我们需要通过 imgur.setClientId 方法设置我们的 Client ID：

imgur.setClientId('YOUR_CLIENT_ID');

此外，我们还可以设置一些其他的参数，例如超时时间、限制速度等：

imgur.setCredentials('YOUR_CLIENT_ID', 'YOUR_CLIENT_SECRET', 'YOUR_ACCESS_TOKEN', 'YOUR_REFRESH_TOKEN');
imgur.setAPIUrl('https://api.imgur.com/3/');
imgur.setRateLimit(1000, 30 * 60 * 1000);
imgur.setProxyChain(['http://ip1:port1', 'http://ip2:port2']);

4. imgur API 使用示例

接下来，我们来看看如何使用 imgur API。下面是一些 API 使用示例。

4.1 上传图片

上传图片最常用的 API 就是 imgur.uploadFile，该方法可以上传本地的图片文件，返回值为上传成功后的图片信息：

imgur.uploadFile('cat.png')
    .then(function (json) {
        console.log(json.data.link);
    })
    .catch(function (err) {
        console.error(err.message);
    });

此外，我们还可以上传截图，例如使用 node-webshot 捕获网页截图并上传：

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

4.2 上传 base64 编码的图片

有时，我们需要上传 base64 编码的图片，可以使用 imgur.uploadBase64 方法。该方法可以直接将 base64 编码的图片内容上传到 imgur：

imgur.uploadBase64('data:image/png;base64,iVBORw0KGg...').then(function (json) {
    console.log(json.data.link);
}).catch(function (err) {
    console.error(err.message);
});

4.3 获取图片信息

imgur API 还提供了获取图片信息的方法，例如根据图片链接获取图片详细信息：

imgur.getInfoFromUrl('https://i.imgur.com/9XKyDrj.png')
    .then(function (json) {
        console.log(json.data.title);
    })
    .catch(function (err) {
        console.error(err.message);
    });

4.4 获取缩略图

最后，我们来看一下获取缩略图的方法。imgur API 可以返回不同尺寸的缩略图，支持的尺寸包括：s (90x90)、b (160x160)、t (160x160)、m (320x320)、l (640x640)、h (1024x1024)。获取缩略图的方法为：

imgur.getThumbnail('9XKyDrj', 's')
    .then(function (json) {
        console.log(json.data.link);
    })
    .catch(function (err) {
        console.error(err.message);
    });

其中，'9XKyDrj' 是图片的 ID，'s' 是缩略图尺寸。

5. 总结

以上就是 imgur npm 包的使用教程，包括安装、注册、配置和 API 使用示例。imgur API 提供了丰富的图片上传和获取方法，灵活多样，且使用方便。希望通过本教程，读者能够深入了解 imgur API，以及如何使用 imgur npm 包来便捷地上传和管理图片。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69284