TA的每日心情 | 衰 2021-2-2 11:21 |
---|
签到天数: 36 天 [LV.5]常住居民I
|
java实现的上传头像裁剪功能源码 实现一4 ?" j+ `3 D, w! _% b
环境:struts2 % ^5 K- K0 X- i. Q
js组件:query-1.7.2.js,jquery.Jcrop.min.js,styles/jquery.Jcrop.min.css1 ~1 ?8 Q* w5 D9 G- \' \- c- A2 m
4 W4 i, e8 E" x! g
" C/ H+ D0 |& {" e1 j% k( ? @
此插件可以进行裁剪 但是暂时没有好的办法对其进行缩放裁剪 只有在原图不变的情况下 获取 坐标才可以精确的 进行裁剪。基本功能可以实现。, \) }) s3 X* D1 S9 S0 I9 N
. e7 _: `2 d7 d# ?4 C7 S* g
实现效果图:9 t" N: ^# S n( c
0 J: [& ]: h" Y3 V/ l. r
: q# i4 [& p+ @! \9 W
- t. h6 C! ^# Y2 y% n3 X* b f
2 }+ c0 u Q: O# y0 U) j4 l
+ o$ q3 K: p; M. I5 T& J5 q! |, \- {/ D0 f- O3 O- }" Y( T
演示地址:http://avatar.52itstyle.com/index.html
" K1 r$ `# V) S7 \ h! p' x0 f1 n- x1 ~5 X6 c" z3 T( D
% ?! M! O% N& W, z: G
java实现的上传头像裁剪功能源码 实现二
7 M2 Q2 K, F" L5 {; \( S9 P. f, {, V, D. P( Z3 q
环境搭:struts2 +smartupload
' b; Q, ~7 f1 N( b4 X7 Zjs组件:query-1.7.2.js 、 camera.swf、common.js
" a! W+ G& n# g4 F
% ]( L; Y% O" Y' @2 j* C8 W
% a+ }" ^0 z2 @" i5 k. t H功能介绍:
- d0 T) |+ m1 z2 r
* ^" Z4 ~* z1 {: ]7 K: f0 w1.上传并预览,用户可以任意选择区域、正方形或者长方形。
# V* _: q0 q! Q/ ~2.支持上传成功,js 回调函数 对返回头像进行展示操作。
8 M$ o' x, G( y0 ?, f3.无论图片过大还是过小,都可以按照固定大小显示。
- p+ ?& y% G% U. S) g4 m4.支持头像拍照保存。6 I7 T* ~ M: I# \" E/ X. [
5.图片上传支持进度显示。; S* [, ~5 v4 q7 D
6.上传成功后可以保存为三种不同格式的图片。
( t# \/ K. E4 z q
" }1 b. v3 C0 W: l# d" ^, Q实现效果图展示:5 }/ n* P7 I9 t: w; m& u" P
- f' b4 B4 ?6 J" L/ Z" P
5 v. z9 A+ O# \6 `$ S1 \( ?
7 X) d5 v. l. Y- y. h$ T* r
, Z! ?) C# K* J3 i3 Q
8 _# ]4 F* m! Q) a# b, F
0 O: A4 {+ g2 M- S
" g( L( j. Z! u/ R* d# G演示地址:http://avatar.52itstyle.com/upload/avatar.jsp1 y, I, w Q- q+ w# H1 F4 i7 D
源码地址:http://www.52itstyle.top/thread-5204-1-1.html
9 l: ~4 U, U) e* H9 Q. T7 { |
|