TA的每日心情 | 衰 2021-2-2 11:21 |
|---|
签到天数: 36 天 [LV.5]常住居民I
|
java实现的上传头像裁剪功能源码 实现一% D4 I ^! K* \) m- e4 S
环境:struts2
9 [5 p. o/ B7 H& x6 ]6 _7 hjs组件:query-1.7.2.js,jquery.Jcrop.min.js,styles/jquery.Jcrop.min.css3 |% ?; Q; O$ a7 P$ t& Q9 R
, u \% C( Q1 K; J- H5 K
! N0 J& i; H( k4 I' X* h; g 此插件可以进行裁剪 但是暂时没有好的办法对其进行缩放裁剪 只有在原图不变的情况下 获取 坐标才可以精确的 进行裁剪。基本功能可以实现。
* Y5 L6 O! i' {; B
6 X1 Y/ _6 h8 r2 E4 i m实现效果图:
# ]' d; }$ {/ ?& R! S
* r! c8 S8 s$ H7 }2 z3 C- P, t; |9 y
9 X) R% X, A* n; ~( x1 J# h
0 p& W! j3 C0 h: G. f y9 y
! Q6 p9 f" H8 U7 V+ `0 M2 R" w4 T
$ f' a# T2 e5 Q z; a演示地址:http://avatar.52itstyle.com/index.html* A0 r7 z" E: @: x3 W
" k! F" R3 D, ~8 f0 F
- h& x& M3 m8 c/ Rjava实现的上传头像裁剪功能源码 实现二; T6 g" Y1 h1 Q2 z) S' I2 I
- g1 |8 G6 i' }; p& ?
环境搭:struts2 +smartupload+ }) ~9 q: H5 R
js组件:query-1.7.2.js 、 camera.swf、common.js$ L8 T6 j6 J' D( b' P2 A6 J4 D% e6 W
4 n+ I5 {9 N8 G; R# F
6 V6 }0 t+ A2 s, a; p功能介绍:! U) w6 D8 K* ?) H8 f+ D5 i4 B
, {0 v( v: U/ X {
1.上传并预览,用户可以任意选择区域、正方形或者长方形。
; U Q/ [/ w% @0 g. @2.支持上传成功,js 回调函数 对返回头像进行展示操作。0 s8 f' f5 B8 I3 h7 R& u3 r
3.无论图片过大还是过小,都可以按照固定大小显示。/ B9 @' [7 ?5 |2 ^! J& _
4.支持头像拍照保存。
6 L* N' c+ C$ g* r( [+ `5.图片上传支持进度显示。 w7 J: [, _2 ?+ E, m& d& c6 `
6.上传成功后可以保存为三种不同格式的图片。
^) L8 l& C. Y0 Z* O* J/ [3 m6 O/ h2 r
实现效果图展示:
0 o3 [6 ? I+ X# L( Y: ^: r* i& o
a/ o/ t9 Y% \- T# W* n) O0 Q- P A+ g, V0 u* y+ W
! r, e! ?' Q: u% E5 } Z
1 J/ ?! W Y$ h M. B) `2 f
( e- O# L S3 |0 V# y$ r2 l5 b1 s
?! y2 u. J0 H h+ ]" ]
9 K: X8 e: `4 I) n+ W! N( R! ]演示地址:http://avatar.52itstyle.com/upload/avatar.jsp
* g+ K5 [3 `) R% z& U! m源码地址:http://www.52itstyle.top/thread-5204-1-1.html) n# h: ]6 e& r' R3 u, p
|
|