首页 新闻 会员 周边 捐助

[java]前端头像裁剪的图,上传到服务器怎么实现

0
悬赏园豆:100 [待解决问题]

如图,我要实现的功能就是,在web前端用一种技术把图片裁剪了,然后把裁剪了之后的图片上传到服务器,后台语言是java

 

疑问1:向上图的裁剪图片实现方式如果要保证市面上大多数浏览器兼容应该用什么技术呢,我看到有js实现的,有flash实现的,哪种可取呢,不过flash方面我是小白,有没有什么好的插件呢,或者js的插件

疑问2:用了js或者flash实现,怎么上传到服务器呢

InkTiger的主页 InkTiger | 初学一级 | 园豆:102
提问于:2014-12-02 16:19
< >
分享
所有回答(6)
1

前端往后端传的是那个框框相对这张图片的坐标,也就是说你只要传四个角的坐标,后台通过这四个坐标把图片裁剪出来。

所以google两下:1,如何js裁剪图片,2,如何用java裁剪图片。

这种效果到处都是,肯定已经有了成熟的解决方案。来这里问之前,还不如先google

arg | 园豆:1047 (小虾三级) | 2014-12-02 16:39
1

其实整个过程是这样的你先选择了一张图上传到了服务器,然后你在前端页面用鼠标拖出了一个矩形区域,js会获取你的矩形区域左上角在图上的坐标,并且能获得矩形区域的宽和高,把这三个数据用ajax发送到服务器,服务器接受到用一个处理图片的类来剪裁之前已经上传到服务器的图片,这样就剪裁完成了。我看到的剪裁图片的Flash居多,但是js也能实现,我使用过的插件是这个jcrop

小乔布斯 | 园豆:446 (菜鸟二级) | 2014-12-03 09:15
0

网上有一些比较成熟的方案的,你百度搜索下“仿新浪微博上传头像组件”试试。

这个是flash的。点上传并选择大小后,flash会自动做处理,并把处理后的图片post到后台程序。后台对post过来的stream做处理就可以了。

RandyTech | 园豆:207 (菜鸟二级) | 2014-12-03 15:13
0

首先你先找一下jquery的剪裁图片的插件,然后处理完成之后通过post后台通过文件流来读取文件,然后以二进制的方式存放到数据库中。读取的时候再取出来!

Mr.Brian | 园豆:1518 (小虾三级) | 2014-12-03 16:26
0

你可以看看www.80iter.com的个人中心设置里面的功能是否是你想要的,如果是,可以联系我~

pangshunlong | 园豆:224 (菜鸟二级) | 2014-12-05 09:55
0

我强烈建议 请别在服务器端裁剪。用flash做裁剪吧, 在客户端裁剪好后上传, java只要接收上传后的所在路径就行了。

用神马js、jquery插件, 兼容性不好。各大网站论坛上的头像裁剪都是flash的。 这年头谁的电脑上没有flash播放器啊。 

flash裁剪的示例, 你可以试试搜索avatar.swf 和@RandyTech提供的答案“仿新浪微博上传头像组件”。

问天何必 | 园豆:3311 (老鸟四级) | 2014-12-05 14:52
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册