node 裁剪图片

Posted 2020-08-25 ＜/script＞

1.前端一般用Jcrop这个jq插件 要返回

　　x: 图片 x坐标

　　y: 图片 y坐标

　　w: 图片 宽度

　　h: 图片 高度

 

2.node 实现

var images = require("images");

router.post(\'/updateImg.do\', function(req, res) {
    var parameter = JSON.parse(res.req.body.parameter);
    var name = parameter.name;             
    var url =  appConfig.upload.path + \'/\' + name;   //图片的路径
    var x = parameter.x;
    var y = parameter.y;
    var w = parameter.w;
    var h = parameter.h;
    
　　//剪成宽高186  save 保存的路径和名称
    images(images(url),x,y,w,h).resize(186).save(appConfig.upload.path + \'/big_\' + name);

    
　　//剪成宽高24 save 保存的路径和名称
    images(images(url),x,y,w,h).resize(24).save(appConfig.upload.path + \'/small_\' + name);
    
});

 

3.这种方式一般用在用户的头像处理 取大图和小图 并保存在node 的相应位置

配合方式

先上传图片：http://www.cnblogs.com/zycbloger/p/6230029.html

前端截图：http://www.cnblogs.com/zycbloger/p/6230095.html

最后node截图：http://www.cnblogs.com/zycbloger/p/6230155.html