利用imageCropper插件在X5平台上实现头像剪裁上传功能

Yawn · 发表于 2015-6-23 09:26:34

牛叉

X5联盟帮扶部 · 发表于 2015-6-23 09:33:46

本帖最后由 X5联盟帮扶部于 2015-6-23 09:38 编辑

Masion 发表于 2015-6-22 20:49
baas后台的处理过程：

//存储前台传过来的图片

大大地点个赞！

hbyczg · 发表于 2015-6-23 12:44:19

Masion 发表于 2015-6-22 20:50
整个实例程序的代码见附件：

好文，收藏。

暗夜的忧伤 · 发表于 2015-6-23 13:56:00

厉害

xiaoqinhy · 发表于 2015-6-27 15:11:17

在手机端使用时遇到个问题，请教一下：
选择手机中的图片截取上传时，如果图片很大程序就死掉了，不知道这个插件能不能先压缩再上传？

xiaoqinhy · 发表于 2015-6-27 16:17:23

xiaoqinhy 发表于 2015-6-27 15:11
在手机端使用时遇到个问题，请教一下：
选择手机中的图片截取上传时，如果图片很大程序就死掉了，不知道这 ...

我已经找到了，本身对前端不是很了解，原来canvas压缩还是蛮方便的。
压缩方法就是在upload时的这句加上尺寸就好了：
var result = $('.cropper-example-1 > img').cropper("getCroppedCanvas",{width: 200,height: 200});
真是好用得不像话。。。

ecoolper · 发表于 2015-6-29 08:27:20

厉害，帮顶

gzcyp2000 · 发表于 2015-7-2 16:33:36

请教啦，如何安装这个插件？

gzcyp2000 · 发表于 2015-7-3 20:25:40

插件安装已解决，非常好用。

Masion · 发表于 2015-7-4 10:01:29

经过测试发现，由于iphone6 的内存机制问题，本贴中引用的imageCropper对宽或高超过1024px的图片进行剪裁时，会发生剪裁不到图片的情况，解决方案可以参考下面帖子中
jonnylevy 大侠的解决方法

https://github.com/fengyuanchen/cropper/issues/294

		自动登录	找回密码
密码			注册

[分享] 利用imageCropper插件在X5平台上实现头像剪裁上传功能