码迷,mamicode.com
首页 > 其他好文 > 详细

node 裁剪图片

时间:2016-12-28 19:47:37      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:node   url   router   blog   头像   resize   宽高   上传图片   截图   

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

node 裁剪图片

标签:node   url   router   blog   头像   resize   宽高   上传图片   截图   

原文地址:http://www.cnblogs.com/zycbloger/p/6230155.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!