TA的每日心情 | 衰 2021-2-2 11:21 |
|---|
签到天数: 36 天 [LV.5]常住居民I
|
java实现的上传头像裁剪功能源码 实现一4 Q" l8 [9 c9 A/ {/ l0 Q0 H
环境:struts2
. T }( Z* r i: I$ Cjs组件:query-1.7.2.js,jquery.Jcrop.min.js,styles/jquery.Jcrop.min.css
: w, _4 Y9 A/ Z7 D% |
* m9 g# `1 b5 b! H( ~, a9 ~8 q; j- Y# ]# z
此插件可以进行裁剪 但是暂时没有好的办法对其进行缩放裁剪 只有在原图不变的情况下 获取 坐标才可以精确的 进行裁剪。基本功能可以实现。
" x$ H+ j8 z' B0 B' ^: m- x- V+ o5 l9 t5 I: |( g: J, J! |
实现效果图:0 F5 k" r/ d) G2 z: u
0 U3 w J. n8 C! W2 [" u0 M: N6 X6 D I/ f v5 c1 t
, o# n5 N6 \& [" S t0 n$ F8 s
E) Y4 B! l% R; b+ y _
0 @8 K& E4 F a: `2 L- b& _9 H: v- c+ X
演示地址:http://avatar.52itstyle.com/index.html& y; g q; U% t/ q' Y* Q$ B$ i
/ }4 N! p3 D+ M% N8 m4 X' `
- G# r7 t5 Z5 H/ U6 E& Y. v
java实现的上传头像裁剪功能源码 实现二+ g( w- E3 f1 _+ v. @
5 y, T2 h2 ]9 N$ ]: r* J
环境搭:struts2 +smartupload
2 ?, e8 C9 n; }2 t3 T" l1 fjs组件:query-1.7.2.js 、 camera.swf、common.js
: B9 Z+ @; e4 k% X6 R b' p) I1 M8 ^4 k
" W. Z8 _4 g9 Y4 M. M$ I. p功能介绍:
" X; ?$ e; N6 C' B4 A/ }
, C7 m4 T; Q" ^" o# ^: z3 B7 G* B1.上传并预览,用户可以任意选择区域、正方形或者长方形。* N5 Y/ @. E7 O
2.支持上传成功,js 回调函数 对返回头像进行展示操作。% p( {$ J" J! |4 N5 K6 n$ L! H
3.无论图片过大还是过小,都可以按照固定大小显示。
2 K% h0 Y0 m; f: Q# ?3 ~$ n4.支持头像拍照保存。& u, g: v' D) Q, C8 f
5.图片上传支持进度显示。
. j( R! ^$ }4 a7 R" X6.上传成功后可以保存为三种不同格式的图片。
1 m5 u3 l; m) l5 Q. C) K7 C8 B# p* M+ S2 B: L. ~( Y- |- Q7 l
实现效果图展示:3 o& i& m. ]% a& C; I
% ]3 A- T* `4 ]% J' p1 B/ c$ F7 D7 W+ A3 g$ C
. W& T. E) \! }* i
\- `$ P- ^6 A/ d
5 k0 S* O K |) j8 s
5 g# K# N& X9 F. q( m( U
- ]' ~1 {+ I3 p# N7 ]: ^4 B
演示地址:http://avatar.52itstyle.com/upload/avatar.jsp
# |- V2 l D" y, }源码地址:http://www.52itstyle.top/thread-5204-1-1.html4 m: t7 V+ A9 m, {
|
|