头像裁切上传

公司项目需要,做一个用户中心头像裁切上传功能,为了项目进度,使用了图片裁切工具jquery.jcrop插件,具体实现思路:

1、先实现一个图片单张上传功能;

2、图片模拟裁切工具,计算出大小、坐标;

3、编辑后的图片、大小、坐标发送服务器,返回头像处理结果。

其实真正实现裁切的是在后端。整体思路来源于小米网个人中心上传头像功能

QQ截图20150910151149

演示地址:demo

One Response to “ 头像裁切上传 ”

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>