需求分析：

实现上传图片文件，弹窗对图片进行自定义裁剪，裁剪完后能够保存裁剪完后新的图片，以发送到服务器。具体场景比如换头像功能，裁剪成正方形或圆形，上传一张新的产品图裁剪成长方形等。

实现思路：

点击input [file]上传图片，监听这个input的 change事件,实例化FileReader读取图片的src地址传给cropper.js裁剪框插件，插件内自动实现裁剪功能，后使用cropper.js的getCroppedCanvas方法得到裁剪后的图片url,传给服务器存储，再显示到前台。 Continue reading…