TA的每日心情 | 衰 2021-2-2 11:21 |
---|
签到天数: 36 天 [LV.5]常住居民I
|
java实现的上传头像裁剪功能源码 实现一
' M- X, F$ Y& R# V环境:struts2
. c, w8 S! w! ?' E8 yjs组件:query-1.7.2.js,jquery.Jcrop.min.js,styles/jquery.Jcrop.min.css
! o( C% x5 C' _) Y
3 |1 h, f. [+ q$ C4 _% O* w
7 L K) G) i4 o* A: g0 z 此插件可以进行裁剪 但是暂时没有好的办法对其进行缩放裁剪 只有在原图不变的情况下 获取 坐标才可以精确的 进行裁剪。基本功能可以实现。' l" u! q, i9 b" n0 F; i# O
. o2 k6 U( U& p s4 i% @& {+ O1 n实现效果图:& L: P b8 k$ j4 L
$ d5 r, X+ z4 O5 S
' T" c! |" |& x/ g! I/ [5 e# t3 Z
- A+ [3 ?3 ?/ {& W
7 x& P, L O" m" p) I
1 M' @+ ]- y/ r' W6 K2 A& f* {" i U8 x
演示地址:http://avatar.52itstyle.com/index.html
- s# M0 z( C) ]
4 _0 z# q: x: F+ s$ k* q; v# u( d/ P7 v- v) l+ J3 D
java实现的上传头像裁剪功能源码 实现二
2 G D' Q& h# q
K& o2 ~4 C" x环境搭:struts2 +smartupload
! v0 _1 U2 |# b$ j1 I+ f/ rjs组件:query-1.7.2.js 、 camera.swf、common.js) z' x9 W$ O& }# {
8 p# J( X( K m2 `8 U- N! \! j; B h$ \; e2 t4 s2 H2 T* r
功能介绍:" M! Z5 _) d5 n3 f
% V7 I, l8 e* x6 l0 ]$ ^3 E- N
1.上传并预览,用户可以任意选择区域、正方形或者长方形。 e) O# G7 h2 T
2.支持上传成功,js 回调函数 对返回头像进行展示操作。
% c# b; {+ w$ U: T0 h1 J3.无论图片过大还是过小,都可以按照固定大小显示。
$ P. D# W- v4 @' x4.支持头像拍照保存。
, O' q4 I3 @- K$ b5.图片上传支持进度显示。
2 V. y1 ]' V; K6.上传成功后可以保存为三种不同格式的图片。% c( r* q: b% c5 S5 ?: ~
; U& z5 M$ }: B. ~7 \
实现效果图展示:3 f' f+ M. F; ~) s# h- b. M% g* K
|9 c* Q" _4 R0 O1 [. `* o6 z
4 I' B2 H5 T& v, E( Z) j2 P
. A+ t% W; @# p9 w4 y
: m2 k' L* ~) L' p) b/ T
& [) H" Q) x K) a. {
' e( I% q7 V( H# C
+ v/ X, L( q% Z
演示地址:http://avatar.52itstyle.com/upload/avatar.jsp% v# i+ |# t8 ^, ]! K* M* Y
源码地址:http://www.52itstyle.top/thread-5204-1-1.html% O9 @0 z* {) R9 O
|
|