imgareaselect官网:http://odyniec.net/projects/imgareaselect/
进行下载、以及查看官网案例、文档。
使用imgareaselect进行裁剪头像,然后上传图片,还是比较简单,
是通过js进行裁剪的,但是往往会发现我们裁剪的图片区域不对,会
有很大的偏差,本来是想裁剪头部,结果成了脚,比较郁闷。。。。
这是为什么呢?
首先你要看看你的js代码是否有问题,包括裁剪区域、宽高等。确保这
些是没有问题,然后你要想想用户上传的图片了,用户上传的图片,我们
是不能限制宽高的,只能限制大,而你在页面显示裁剪时,这个图片的宽高
肯定是写死的了,你已经把图片进行缩小或放大,明明页面裁剪看着是正确
可是到了后台裁剪出来就有偏差,想不明白吧。
你要明白用户上传了的图片,你是否经过后台处理了,有没有按等比压缩
估计是没有,只是在页面把宽高限制一下,然后进行裁剪。你裁剪好了,传回后台
后台按照宽高、区域进行裁剪,但是这个裁剪的原图应该是用户上传的图片吧,可
是这个原图你如果没有在上传图片时进行处理,就会出现偏差。本来图片是500X600
的宽高,你在页面固定大小300X300,js裁剪是以300裁剪的,但是在后台确实以500
X600进行裁剪,当然会出现裁剪区域不对。
解决办法:就是用户上传图片时进行图片处理,处理成300X300的宽高,这样前台
裁剪的原图和后台就一样了,传到后台也是以你处理的图片进行裁剪即可。
注:如果有兴趣的,可以联系我要一些代码。