在前端的日常开发中，图片是一个非常重要的元素。为了增加图片的可靠性，我们通常需要对图片进行一些校验和处理。但是在实际开发中，很多开发者对图片处理的代码难免有些重复。这时候，一个好用的npm包就可以派上用场了。而今天我们要介绍的就是一个强大且好用的npm包——joi-image-extension。
joi-image-extension是什么
joi-image-extension是一个用于图片校验和处理的npm包。它基于Joi库开发，并扩展了Joi库的规则和功能。它提供了一系列用于处理图片的规则和方法，可以让我们非常方便地校验和处理图片，而无需编写冗长和重复的代码。
如何使用
在使用joi-image-extension前，我们需要先进行一些准备工作。
安装joi-image-extension
joi-image-extension是一个npm包，我们可以使用npm或yarn进行安装。
npm install joi-image-extension --save
或者
yarn add joi-image-extension
引入joi和joi-image-extension
引入joi和joi-image-extension的方式与普通的npm包一样，只需要在代码中添加下列代码即可。
const Joi = require('joi');
const JoiImageExtension = require('joi-image-extension');
Joi.extend(JoiImageExtension);当我们完成了这些准备工作后，就可以愉快地使用joi-image-extension了。
校验图片类型
使用joi-image-extension进行图片类型校验非常简单，只需要使用joi和joi-image-extension提供的image()规则即可。
-- -------------------- ---- -------
----- ----------- - --- -- -----------
------------------------- ----------------------- ------- ------ -- -
-- ------- -
---------------------- ---------------
-------
-
----------------------
---这里我们首先获取了图片的buffer，然后使用Joi.validate()方法对图片进行校验。其中，Joi.image()表示我们要校验的规则是图片类型，而.required()表示该字段为必填字段。如果校验失败，我们会输出错误信息；否则，我们会输出“图片类型正确”。
校验图片尺寸
使用joi-image-extension校验图片尺寸同样非常简单，只需要使用joi和joi-image-extension提供的image()规则以及minDimensions()和maxDimensions()规则即可。
-- -------------------- ---- -------
----- ----------- - --- -- -----------
------------------------- ------------------------------ ------------------------ ----------------- ------- ------ -- -
-- ------- -
---------------------- ---------------
-------
-
----------------------
---这里，我们除了使用Joi.image().required()校验图片类型外，还使用了.minDimensions(100, 100)和.maxDimensions(1920, 1080)对图片尺寸进行了校验。其中，.minDimensions(100, 100)表示图片宽度和高度必须大于等于100，而.maxDimensions(1920, 1080)表示图片宽度和高度必须小于等于1920和1080。如果校验失败，我们同样会输出错误信息，否则，我们会输出“图片尺寸正确”。
压缩图片
使用joi-image-extension进行图片压缩也非常简单，只需要使用joi和joi-image-extension提供的image()规则以及compress()规则即可。
-- -------------------- ---- -------
----- ----------- - --- -- -----------
------------------------- ------------------------------ ---------------- ------- ------ -- -
-- ------- -
---------------------- ---------------
-------
-
----------------------
---这里，我们同样使用了Joi.image().required()对图片类型进行校验，而.compress({quality: 80})规则则是将图片压缩为80%的质量。这样，我们就可以非常轻松地压缩图片了。
总结
使用joi-image-extension可以大大简化我们图片处理相关的代码。在实际开发中，我们只需要运用上述几个规则，即可快速校验和处理图片。同时，通过学习joi-image-extension的源代码，我们也可以深入了解图片处理相关的知识和技术。因此，我认为joi-image-extension是一个非常值得学习和使用的npm包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600571db81e8991b448e83da