在前端开发中，经常需要用到图片托管服务。Imgur 是一个常用的图片托管网站，而 npm 包 imgur-alb 则为我们提供了一个方便的接口，可以使用 JavaScript 快速接入 Imgur。本文将介绍如何使用 imgur-alb 包，让你在开发中更方便地处理图片上传和获取。
安装
在命令行中输入以下命令即可安装 imgur-alb 包：
npm install imgur-alb
使用
授权
在使用 imgur-alb 包之前，需要先进行授权。授权可以通过在 Imgur 网站上注册账号，并创建应用程序来完成。创建应用程序后，你将获得一个 Client ID 和一个 Client Secret，这些信息将用于授权。
在项目中，引入 imgur-alb 包：
var ImgurClient = require('imgur-alb');创建 Imgur 客户端：
var client = new ImgurClient({
client_id: '[your_client_id]',
client_secret: '[your_client_secret]',
access_token: '[your_access_token]',
refresh_token: '[your_refresh_token]'
});其中， [your_client_id] 和 [your_client_secret] 为你在 Imgur 创建应用程序时获得的 Client ID 和 Client Secret，[your_access_token] 和 [your_refresh_token] 则是通过授权获取的 Access Token 和 Refresh Token。如果你没有授权信息，可以参考 imgur-alb 的授权部分文档来获取。
上传图片
使用 imgur-alb 可以很方便地上传图片。通过以下代码创建一个上传任务：
var image = 'http://path/to/image.jpg'; var task = client.upload(image);
其中，image 为待上传的图片地址，也可以使用 Base64 编码的字符串作为图片数据。
上传任务会返回一个 Promise 对象，调用 .then() 方法可以获取上传结果：
task.then(function (result) {
console.log(result.link);
});在 .then() 方法中，你可以获取上传的返回数据，本例中代码将打印出上传图片的链接。
获取图片信息
imgur-alb 还提供了获取图片信息的方法，通过以下代码创建一个获取任务：
var image_id = 'imgur_image_id'; var task = client.get(image_id);
其中，image_id 为待获取的图片 ID。
获取任务也会返回一个 Promise，可以在 .then() 方法中获取返回结果：
task.then(function (result) {
console.log(result.link);
});在 .then() 方法中，你可以获取图片的信息，包括链接和图片信息等。
示例代码
下面是一个完整的示例代码，可以上传图片，并获取上传图片的链接：
-- -------------------- ---- ------- --- ----------- - --------------------- --- ------ - --- ------------- ---------- ------------------- -------------- ----------------------- ------------- ---------------------- -------------- ---------------------- --- --- ----- - --------------------------- --- ---- - --------------------- ------------------ -------- - ------------------------- ----------------- ------- - ------------------- ---
在命令行中运行代码，你将会看到输出上传图片的链接。
总结
使用 imgur-alb 包可以很方便地使我们在前端开发中处理图片上传和获取。在使用该包时需要进行授权，创建上传和获取任务时都会返回 Promise 对象，在 .then() 方法中可以获取返回结果。本文提供了详细的使用说明和示例代码，希望能够帮助你更快地接入 Imgur 图片托管服务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fcb81e8991b448dd519