node 裁剪图片

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

转载于:https://www.cnblogs.com/zycbloger/p/6230155.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值