Node.js 对图片进行裁切、缩放

GraphicsMagick for node.js

首先得安装 GraphicsMagick 或者 ImageMagick。

然后执行：

[plain]  view plain  copy

1. $ sudo npm install gm  

我安装的是ImageMagick，在ubuntu系统下快速安装：

[plain]  view plain  copy

1. $ sudo apt-get install imagemagick  

HOW TO USE

GM 文档：http://aheckmann.github.io/gm/docs.html

使用ImageMagick

[javascript]  view plain  copy

1. var imageMagick = gm.subClass({ imageMagick: true });  

然后就像文档中使用gm那样使用ImageMagick即可（举个例子）

[javascript]  view plain  copy

1. imageMagick("img.png").resize(300, 100).autoOrient().write('/path', callback);  

Example (nodejs + Express)

[javascript]  view plain  copy

1. var gm = require('gm')  
2. ,   fs = require('fs')  
3. ,   imageMagick = gm.subClass({ imageMagick : true });  
4.   
5. exports.imgUpload = function(req, res) {  
6.     res.header('Content-Type', 'text/plain');  
7.     var path = req.files.img.path;  //获取用户上传过来的文件的当前路径  
8.     var sz = req.files.img.size;  
9.     if (sz > 2*1024*1024) {  
10.         fs.unlink(path, function() {    //fs.unlink 删除用户上传的文件  
11.             res.end('1');  
12.         });  
13.     } else if (req.files.img.type.split('/')[0] != 'image') {  
14.         fs.unlink(path, function() {  
15.             res.end('2');  
16.         });  
17.     } else {  
18.         imageMagick(path)  
19.         .resize(150, 150, '!') //加('!')强行把图片缩放成对应尺寸150*150！  
20.         .autoOrient()  
21.         .write('public/images/user/'+req.files.img.name, function(err){  
22.             if (err) {  
23.                 console.log(err);  
24.                 res.end();  
25.             }  
26.             fs.unlink(path, function() {  
27.                 return res.end('3');  
28.             });  
29.         });  
30.     }  
31. };  

上面只是index.js文件的部分核心代码

点击去下载完整Example

示例运行截图：

可以查看 public/images/user/ 里面的图片，验证你上传的图片是否被缩放了。

同理可对图片进行裁切：

[javascript]  view plain  copy

1. gm("img.png").crop(width, height, x, y)  

详情看gm的文档http://aheckmann.github.io/gm/docs.html