imgareaselect控件裁剪图片问题

imgareaselect官网:http://odyniec.net/projects/imgareaselect/

进行下载、以及查看官网案例、文档。

使用imgareaselect进行裁剪头像,然后上传图片,还是比较简单,

是通过js进行裁剪的,但是往往会发现我们裁剪的图片区域不对,会

有很大的偏差,本来是想裁剪头部,结果成了脚,比较郁闷。。。。

这是为什么呢?

          首先你要看看你的js代码是否有问题,包括裁剪区域、宽高等。确保这

些是没有问题,然后你要想想用户上传的图片了,用户上传的图片,我们

是不能限制宽高的,只能限制大,而你在页面显示裁剪时,这个图片的宽高

肯定是写死的了,你已经把图片进行缩小或放大,明明页面裁剪看着是正确

可是到了后台裁剪出来就有偏差,想不明白吧。

          你要明白用户上传了的图片,你是否经过后台处理了,有没有按等比压缩

估计是没有,只是在页面把宽高限制一下,然后进行裁剪。你裁剪好了,传回后台

后台按照宽高、区域进行裁剪,但是这个裁剪的原图应该是用户上传的图片吧,可

是这个原图你如果没有在上传图片时进行处理,就会出现偏差。本来图片是500X600

的宽高,你在页面固定大小300X300,js裁剪是以300裁剪的,但是在后台确实以500

X600进行裁剪,当然会出现裁剪区域不对。

          解决办法:就是用户上传图片时进行图片处理,处理成300X300的宽高,这样前台

裁剪的原图和后台就一样了,传到后台也是以你处理的图片进行裁剪即可。

注:如果有兴趣的,可以联系我要一些代码。

你可能感兴趣的:(图片,图片处理,imgAreaSelect)