TA的每日心情 | 衰 2021-2-2 11:21 |
---|
签到天数: 36 天 [LV.5]常住居民I
|
java实现的上传头像裁剪功能源码 实现一0 C- m, T- L" V% C% T* l2 n
环境:struts2 , t! X. A' y# F; ~' L3 h* Q
js组件:query-1.7.2.js,jquery.Jcrop.min.js,styles/jquery.Jcrop.min.css" i4 l& V; ?% D+ [) X5 V3 H
n8 |. V8 V! X) Q4 V0 W
" k+ I! P0 z. F3 t$ @8 b 此插件可以进行裁剪 但是暂时没有好的办法对其进行缩放裁剪 只有在原图不变的情况下 获取 坐标才可以精确的 进行裁剪。基本功能可以实现。; y5 p! q2 |: w: T% O7 |- I
5 f, _1 _7 Z; c, J# T
实现效果图:
$ Z& P) A" O% {" h8 `
( t0 b- R6 [$ g8 J- L
! \6 V, {( \3 q% O0 b. U
# L7 h$ L/ N6 S1 R# z; U
+ M9 Z2 v y2 X* g2 E
- x/ [4 W* @, S0 _
, C' ~* Q4 n x. {1 ^6 f演示地址:http://avatar.52itstyle.com/index.html. i# x# ?: ~2 w
$ P* u2 N- ~# f0 G; D* F5 T# e$ q1 c. y
java实现的上传头像裁剪功能源码 实现二
7 Q" L' g: e3 O
' M; T' s& t- i- }: y! N) a0 n环境搭:struts2 +smartupload. }4 v( I$ N; ]5 N$ w! k, V
js组件:query-1.7.2.js 、 camera.swf、common.js" f( w$ Z: \: k" l
% j3 p# d" ?9 T% w% ?8 Q0 i3 g6 X+ K* y" U$ s
功能介绍:. P: w7 s' x8 S: k5 k0 r
/ Q' u" r. V& }" i1.上传并预览,用户可以任意选择区域、正方形或者长方形。/ \4 ]) I4 i( Q: s/ _. F
2.支持上传成功,js 回调函数 对返回头像进行展示操作。
# {) T. s8 T/ c3.无论图片过大还是过小,都可以按照固定大小显示。$ N. m3 ?8 \) H- {& g' R: F1 D% k
4.支持头像拍照保存。
) ^4 E" w1 k0 O! }5.图片上传支持进度显示。, t. c; B* r# ?' ~
6.上传成功后可以保存为三种不同格式的图片。
7 H2 i& Z" g% Q8 M* X. B/ j. ~' S4 V0 a* C" D9 n0 M
实现效果图展示:
* [4 {* e9 f2 j$ F
; I; ?: G& z; n9 E5 p5 F3 b8 H" W0 n5 \' r5 r- G7 P9 Q O
9 r3 N) L5 Z3 |8 R
, `0 \& J: h# a1 ~3 U
6 ~. h$ i4 R' B/ q" }
$ S: ^) N, k6 {/ ^7 n. P
7 t9 y( E7 @5 m
演示地址:http://avatar.52itstyle.com/upload/avatar.jsp
# }7 h% g7 K1 U( G源码地址:http://www.52itstyle.top/thread-5204-1-1.html H- u5 _! |2 s8 ?
|
|