TA的每日心情 | 衰 2021-2-2 11:21 |
|---|
签到天数: 36 天 [LV.5]常住居民I
|
java实现的上传头像裁剪功能源码 实现一
! }4 l2 W( u3 A; e0 n& N) G环境:struts2 2 X: n! d+ [# l7 Y* j/ K
js组件:query-1.7.2.js,jquery.Jcrop.min.js,styles/jquery.Jcrop.min.css
$ G- ]# |8 x3 d! F! _# E+ d
- J) R( h; e2 e: r/ z# P, Z; L+ r" _' ?& {0 r
此插件可以进行裁剪 但是暂时没有好的办法对其进行缩放裁剪 只有在原图不变的情况下 获取 坐标才可以精确的 进行裁剪。基本功能可以实现。
- E0 H6 E: @& h: d/ N! ?* q& K% S) K6 I$ M; T- h8 |8 i. T; |
实现效果图:
$ x c3 _6 S7 O+ n) g. E7 _2 R
: J3 s* u/ m1 r+ c9 T2 ^: T8 Z
' M! s- `& h8 [: O/ d9 `9 \% P0 b U) `6 \4 D
! E8 Y1 j2 C9 B6 q7 L- `8 k& c! K4 r! g3 s5 t) ]
, R0 Y" K1 m/ l) i, @: [4 O演示地址:http://avatar.52itstyle.com/index.html
6 ~7 C" f( S7 F1 o- ] c1 g& {) p0 k0 E5 o/ q
9 n" X$ J1 L8 L( u* Qjava实现的上传头像裁剪功能源码 实现二' V$ F+ ?3 c; |% X' }2 z- W7 ?
a8 b1 C% V+ j$ ^9 B# I1 p环境搭:struts2 +smartupload
' O) _) j6 v6 H& I+ M. sjs组件:query-1.7.2.js 、 camera.swf、common.js
+ U; r* r; R& W/ \5 b
; j0 j, A$ ~4 s( x
- c( a4 \5 w! [( A* F; M功能介绍:
8 ?* ?' g8 u/ D
2 s" b& U. P* n) s8 Z8 u6 ~1.上传并预览,用户可以任意选择区域、正方形或者长方形。
) ]$ M3 O/ e5 A9 E! ~2.支持上传成功,js 回调函数 对返回头像进行展示操作。- d: b! z, W4 n! E |* h9 m
3.无论图片过大还是过小,都可以按照固定大小显示。0 W7 L6 ^, l9 \& @1 t
4.支持头像拍照保存。5 ^ }; _$ Z, ~
5.图片上传支持进度显示。
2 E4 c) }1 T% K& o4 _: W# t; G6.上传成功后可以保存为三种不同格式的图片。% U* p, w; y: ~! q( }7 f
8 E: b: s; {: A( M$ b* q实现效果图展示:
% ?0 T9 v' K; E8 @: p- E+ e
3 ^; C- g" n# d! {1 c. F) I3 l
! C4 v4 Z, v1 |
" r% L' V6 Q6 q- j
$ N( s! s) K- u6 q. c% U
$ C( k8 c: y# }
1 C& k3 u2 K0 [+ ?) q. M, K
$ N3 ~+ s" i- u1 W
演示地址:http://avatar.52itstyle.com/upload/avatar.jsp- k* I1 F# U7 e. N7 @
源码地址:http://www.52itstyle.top/thread-5204-1-1.html% u* O4 a6 P k& P
|
|