起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

楼主: Masion

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

  [复制链接]

32

主题

167

帖子

1486

积分

金牌会员

Rank: 6Rank: 6

积分
1486
QQ
发表于 2015-6-23 09:26:34 | 显示全部楼层
牛叉
QQ:594724910
回复

使用道具 举报

发表于 2015-6-23 09:33:46 | 显示全部楼层
本帖最后由 X5联盟帮扶部 于 2015-6-23 09:38 编辑
Masion 发表于 2015-6-22 20:49
baas后台的处理过程:

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

大大地点个
X5联盟帮扶部-帮助终端客户-扶持优秀X5开发者!QQ:2084295141 WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

91

主题

339

帖子

894

积分

高级会员

Rank: 4

积分
894
QQ
发表于 2015-6-23 12:44:19 | 显示全部楼层
Masion 发表于 2015-6-22 20:50
整个实例程序的代码见附件:

好文,收藏。
回复 支持 反对

使用道具 举报

发表于 2015-6-23 13:56:00 | 显示全部楼层
厉害
回复

使用道具 举报

23

主题

74

帖子

305

积分

中级会员

Rank: 3Rank: 3

积分
305
QQ
发表于 2015-6-27 15:11:17 | 显示全部楼层
在手机端使用时遇到个问题,请教一下:
选择手机中的图片截取上传时,如果图片很大程序就死掉了,不知道这个插件能不能先压缩再上传?
回复 支持 反对

使用道具 举报

23

主题

74

帖子

305

积分

中级会员

Rank: 3Rank: 3

积分
305
QQ
发表于 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});
真是好用得不像话。。。
回复 支持 反对

使用道具 举报

997

主题

4326

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
10696
QQ
发表于 2015-6-29 08:27:20 | 显示全部楼层
厉害,帮顶
孤舟蓑笠翁,独钓寒江雪。
X5牛刀交流民间第一群:30057529
提供有偿服务,联系WX:18332024
bex5疑难问题解决方案
回复

使用道具 举报

73

主题

292

帖子

1410

积分

金牌会员

Rank: 6Rank: 6

积分
1410
QQ
发表于 2015-7-2 16:33:36 | 显示全部楼层
请教啦,如何安装这个插件?
回复 支持 反对

使用道具 举报

73

主题

292

帖子

1410

积分

金牌会员

Rank: 6Rank: 6

积分
1410
QQ
发表于 2015-7-3 20:25:40 | 显示全部楼层
插件安装已解决,非常好用。
回复 支持 反对

使用道具 举报

377

主题

2594

帖子

5117

积分

论坛元老

Rank: 8Rank: 8

积分
5117
QQ
 楼主| 发表于 2015-7-4 10:01:29 | 显示全部楼层
经过测试发现,由于iphone6 的内存机制问题,本贴中引用的imageCropper对宽或高超过1024px的图片进行剪裁时,会发生剪裁不到图片的情况,解决方案可以参考下面帖子中
jonnylevy 大侠的解决方法

https://github.com/fengyuanchen/cropper/issues/294
长春鱼熊企业管理咨询有限公司



X5开发出入库培训视频
(出处: 起步论坛)
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-3-29 15:09 , Processed in 0.065494 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表