node.js（express）中使用Jcrop进行图片剪切上传功能

简单来说就是要实现用户上传头像，并且要保存用户裁切后的部分作为用户头像。第一步，选择图片：第二步，在弹窗页面中展现并进行裁切：第三步，点击“保存”，上传服务器。express框架不用多说，就是保存的时候post一下裁切后的base64数据，后台写个对应路由就好。而前面的jcrop_api变量用于重新选择图片时要将上一次的裁切初始化组件destroy掉。Jcrop组件中重要的事件:onChange和onSelect，用于确定裁切范围的坐标（尺寸），因此也非常重要，其实重绘canvas就是在这里面完成的。另外就是处理保存按钮来，一个ajax来提交canvas形成的图片的base64字符串，后台接受保存就可以了。