TA的每日心情 | 衰
2021-2-2 11:21 |
|---|
签到天数: 36 天 [LV.5]常住居民I
|
java实现的上传头像裁剪功能源码 实现一" b$ i7 L, w$ e1 @2 i
环境：struts2
# r/ x: H6 C2 N' T* djs组件：query-1.7.2.js，jquery.Jcrop.min.js，styles/jquery.Jcrop.min.css! E0 d" ]/ F4 V
* N& }" p3 A; Z3 g4 J/ t! f3 C* k8 J( J+ @4 y; V8 F
此插件可以进行裁剪 但是暂时没有好的办法对其进行缩放裁剪 只有在原图不变的情况下 获取 坐标才可以精确的 进行裁剪。基本功能可以实现。. E* A+ }$ ~; H
2 i, P, h0 g. f7 J5 j
实现效果图：
L: \3 z1 ?) e( t) o, K
6 X% n' T3 c; r# E
1 u7 j8 c6 ?- H/ s9 ^
( J# z3 I' V4 u+ H( f
5 o" \% a7 V# B! `) i
4 G4 g. C% j* y, W, |
" y1 @- \4 v- ^+ N( g/ v6 x: Q演示地址：http://avatar.52itstyle.com/index.html5 {) V5 ?! i- \
; e# x5 H' Q0 h! z- y; [- j6 Y
\0 \& D% X N! Y, n4 v! F2 u/ @java实现的上传头像裁剪功能源码 实现二
. F4 z6 o2 x; Y6 X" J- @" R
* i4 Q# v' i3 f; R; f; C环境搭：struts2 +smartupload
5 w* v/ y+ A3 J' M1 P; l/ v/ J$ Djs组件：query-1.7.2.js 、 camera.swf、common.js2 t/ C; Q: B" N0 I
2 Y: c0 k) G5 B, H* w
, a% G5 Z' ]: h, n; v! o# S" ~& a4 I功能介绍：3 V! a: }4 _0 ~8 W) h. D
" D7 E) @# m }
1.上传并预览，用户可以任意选择区域、正方形或者长方形。
1 ] H O: U! l9 m2 M7 J$ y! N2.支持上传成功，js 回调函数 对返回头像进行展示操作。
" q% f3 ~8 V+ e5 R9 J/ ]" v9 b' E3.无论图片过大还是过小，都可以按照固定大小显示。& X1 g# }4 w1 {+ n$ k4 V
4.支持头像拍照保存。$ Z3 o5 n5 ^' | G$ ~% ~ V: D& O
5.图片上传支持进度显示。
1 p! m% }* q! j k6.上传成功后可以保存为三种不同格式的图片。
& W. {7 q$ l' S Q
7 u4 e2 _6 w% S9 `" K7 J1 G实现效果图展示：+ B$ j& G& @9 g/ x; q* x% M
: s' w# |" j( a1 O/ ?8 b. k& ^$ b4 K
K- ^) U8 p" Z! h0 C& u2 q) i
% i; O( m* K0 n$ y
" A3 c4 z+ M$ z( A( N
- s, p0 T5 s( e7 E8 c
" P5 b# g) u; H: w演示地址：http://avatar.52itstyle.com/upload/avatar.jsp
( e6 ?# D r: f9 H源码地址：http://www.52itstyle.top/thread-5204-1-1.html
( O6 w$ _0 m0 n0 t |
|
/1 
|Archiver|手机版|小黑屋|科帮网
( 鲁ICP备19059327号-2 ) 
窥视卡
雷达卡
发表于 2015-04-08 21:21:57
转播
淘帖
分享
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2016-04-12 11:50:33
