TA的每日心情 | 衰 2021-2-2 11:21 |
---|
签到天数: 36 天 [LV.5]常住居民I
|
java实现的上传头像裁剪功能源码 实现一
1 o" V+ a9 C5 ~0 N- x& v环境:struts2
8 |0 }( ^. h, |! T1 gjs组件:query-1.7.2.js,jquery.Jcrop.min.js,styles/jquery.Jcrop.min.css
# @, a' c& p% o% l2 k! Z/ G/ Z& Y8 x. x( D. D% Z- \
4 O+ m' N1 H. ]3 J- f8 m
此插件可以进行裁剪 但是暂时没有好的办法对其进行缩放裁剪 只有在原图不变的情况下 获取 坐标才可以精确的 进行裁剪。基本功能可以实现。% O( c" W, ]6 m6 j
* N' F8 A& V- f" c) Z, p实现效果图:
) ^& z) C8 r1 r+ E, @
- d0 R! q3 { l/ R) G
( \; [- f. ~5 L% s5 P1 C0 j( |3 A2 F% Q7 x( u
: T0 ? l) y" X2 g3 D5 }% Y
# g3 c2 g6 D) v: O# ^; G3 V2 Q7 D7 w4 M# d9 E
演示地址:http://avatar.52itstyle.com/index.html
4 @# j' `8 }: M: S: g' w1 N# n$ r3 l+ U9 x
: C: L0 e7 M/ @6 U% D' Y7 X$ j+ B
java实现的上传头像裁剪功能源码 实现二. ]' f. Y0 s; Y/ [4 v& w0 z
; Y# i; D/ A0 {# V' w. f环境搭:struts2 +smartupload: G' Z3 v) W4 K3 d5 }1 j5 t$ i
js组件:query-1.7.2.js 、 camera.swf、common.js
/ b1 Z" W% ^5 e8 {. ]. H
. S& t1 s; B, h5 H7 u: D/ H2 w& r: q/ r1 y) s0 j8 Z( r
功能介绍:
% D! U; k9 Z4 v/ C* D
/ H0 H" Y; i9 b ?) x" d" [1.上传并预览,用户可以任意选择区域、正方形或者长方形。8 u" t+ @; B$ X& h8 y
2.支持上传成功,js 回调函数 对返回头像进行展示操作。$ r' @8 {0 S1 D4 D7 F
3.无论图片过大还是过小,都可以按照固定大小显示。4 ~8 n; U- R2 \; y! E! }2 r# C7 [2 f" P
4.支持头像拍照保存。8 L: c. j& _! @) ~# \0 l, C2 `1 ?# Q. @
5.图片上传支持进度显示。
2 C3 y; g* m; y% a- W6 h! s6.上传成功后可以保存为三种不同格式的图片。
, p" X9 z& H# t7 T5 \* u3 ~
9 W# z5 {- d; P% }2 H实现效果图展示:
5 e% H$ C) p: [4 [3 i* b6 ~* o
& m( J2 R: y9 k z* o3 ]
0 ]- M+ T, z% U3 G; |3 i, G2 C' ^
. ]1 \+ }* w/ b
h1 {4 B" R0 B' C9 _- h
% y" E& u; O2 d7 b4 S9 k6 S
! D5 N! S: s9 {- n4 I$ `5 n u: | H$ V ]2 H
演示地址:http://avatar.52itstyle.com/upload/avatar.jsp, H ~( ]: N! D$ b: I8 f7 O
源码地址:http://www.52itstyle.top/thread-5204-1-1.html8 i; |, s2 |1 d- r
|
|