java实现的上传头像裁剪功能源码

admin

java实现的上传头像裁剪功能源码 实现一
环境：struts2
js组件：query-1.7.2.js，jquery.Jcrop.min.js，styles/jquery.Jcrop.min.css
; ^& F4 v: T4 J- P$ y1 P
# h- c$ Y, G2 y0 X* v
! r: m) Q3 `2 q4 Y6 j. g     此插件可以进行裁剪 但是暂时没有好的办法对其进行缩放裁剪 只有在原图不变的情况下 获取 坐标才可以精确的 进行裁剪。基本功能可以实现。
9 Q& e% l  b4 [! Q
; {( \( _  Y1 e8 |* @* E$ Z实现效果图：


0 J7 s  |2 E  H



演示地址：http://avatar.52itstyle.com/index.html
/ u, {7 \# f+ b: B1 f# B

java实现的上传头像裁剪功能源码 实现二

环境搭：struts2 +smartupload
js组件：query-1.7.2.js 、 camera.swf、common.js

  q: u0 H6 F+ |
功能介绍：

! h$ j* T0 B; @1.上传并预览，用户可以任意选择区域、正方形或者长方形。
2.支持上传成功，js 回调函数 对返回头像进行展示操作。
3.无论图片过大还是过小，都可以按照固定大小显示。
4.支持头像拍照保存。
) D  R1 q. N4 F- ~/ x" S% @. V& Y2 h5 ~9 O5.图片上传支持进度显示。
6.上传成功后可以保存为三种不同格式的图片。

实现效果图展示：

# G/ @  w2 Y5 @, n0 q
4 s  [1 E* h0 i/ ^2 |. }
2 h( l- R8 M- T4 L- d7 P+ A& l. _8 B
' x& w" d6 O- C& i6 g, ?% `
+ m! E( \- M6 ~( p6 B( N
( j( e& Z- n# o
演示地址：http://avatar.52itstyle.com/upload/avatar.jsp
- t! z8 v9 }( T9 X9 p- j" ~9 r, {源码地址：http://www.52itstyle.top/thread-5204-1-1.html

java爱好者

赶快 出来                  

java宫城大师

8 O. Z6 b' n3 B" `2 D好美 啊

woniu

这个项目太棒勒！下下来学习下！