node-thumbnail-mod 是一个基于 Node.js 和 GraphicsMagick 的 npm 包，它可以帮助前端开发者在项目中随时生成图片缩略图，用于展示图片列表或者在网页中加载高清图片前预览。
安装 node-thumbnail-mod
使用 node-thumbnail-mod 需要先安装 Node.js 和 GraphicsMagick。
安装 node-thumbnail-mod：
npm install node-thumbnail-mod --save
使用 node-thumbnail-mod
node-thumbnail-mod 是一个使用简单的 npm 包。我们可以通过以下代码生成一张图片的缩略图：
-- -------------------- ---- ------- ----- --------- - ----------------------------------- ----- ------- - - ------- --------------- ------------ -------------- ------- ---- ------ ---- ------ ----- ---------- ---- - -------------------------------- -- - ---------------------- --------- -------------- ----------------- ----- - ------------------ ---------- ----------- ---- --
其中，options 是一个对象，它包含以下属性：
source：源文件，可以是文件夹或文件；destination：生成的缩略图存放的目标文件夹；height：缩略图的高度；width：缩略图的宽度；quiet：是否输出生成日志；overwrite：是否覆盖已有的缩略图。
可以根据需求设置 options 的值。
生成多张图片缩略图也很简单，可以通过以下代码实现：
-- -------------------- ---- ------- ----- --------- - ------------------------------------ ----- ------- - - ------- ---------- ------------ -------------- ------- ---- ------ ---- ------------ -- ---------- ----- --------- -- - -------------------------------- -- - ----------------------- --------- -------------- ----------------- ----- - ------------------ ---------- ------------ ---- --
和单张图片生成不同，多张图片生成需要设置 concurrency 属性，来限制并行生成缩略图的数量。同时，可以设置 qualtity 属性，来控制缩略图生成的质量。
使用 node-thumbnail-mod 的注意事项
- 可以传入 parameters，用于扩展或更新 GraphicsMagick 的参数，例如：
parameters: ['-quality', '90']； - 如果出现生成缩略图的问题，可以设置
quiet: false，查看日志输出； - 在 node-thumbnail-mod 的 GitHub 页面上有详细的 API 文档和示例，可以对照着阅读。
使用 node-thumbnail-mod 是一个很好的实践，有助于提升前端项目的用户体验。在项目中使用 node-thumbnail-mod 前，一定要保证已安装 GraphicsMagick 和 Node.js。同时，注意 node-thumbnail-mod 的使用注意事项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c4a81e8991b448ebd05