【高州情】高州人深圳站

标题: 由于各大浏览器都不支持FLASH,外挂了HTML5组件实现头像上传 [打印本页]

作者: 浪浪    时间: 2 小时前     标题: 由于各大浏览器都不支持FLASH,外挂了HTML5组件实现头像上传

FLASH最终还是没能跟上时代的步伐,被各大浏览器抛弃,我们这老破旧论坛连头像也上传不了,花了一个星期反编译了Discuz7.2的FLASH头像上传逻辑,并把这套逻辑转移到了X2身上,: R3 A1 g- J9 X* ?6 A$ \, C: E/ ~% X
用同样的方法外挂了一个HTML5的插件去替代原来的FLASH,恢复了头像的上传,
$ I0 \$ e' p2 v虽然界面上还有些粗糙,但起嘛能用了,如果各位发现头像上传有什么问题可以跟帖留言。

. V; v; z3 H6 Z4 a- b- Q' M
5 }' v" |5 O+ z
; D7 Z& |3 ?! M& W0 y
[attach]14769[/attach]0 @% Q% j8 r7 X* X3 D8 {+ s
2 W: W% x) ~7 N, y% V  {& r' O
Discuz X2 HTML5 头像插件 v1.0  2026-05-058 R1 ], _* _: `+ k4 v1 w9 N0 j. T  S
==============================
( E* u% J8 R# h【目录结构】
. r2 m/ {1 t9 J- a0 nupload/* x  F3 Z. T; B, n
├── html5avatar.php        插件后端接口(核心逻辑)
) I) f7 P, |) c* W3 ]- s└── template/1 ], u% F- A! q
        └─ default/1 ~; E& S: ~% M6 R
            └─ home/, L, s3 h& g0 D
                └─ spacecp_avatar.htm        前端模板(含 Cropper.js)" \6 b5 A3 j4 _+ h) h0 T. b; X4 C

! w: J( ~( G8 A% c【适用环境】$ ]% ]- A9 t5 r" m1 Q4 K. T9 R* }
- Discuz! X2 UTF-8% M6 R  Z" K( Z# a4 L7 Q0 k
- UCenter 1.64 f8 y1 y4 ]) p8 ]7 r+ H
- PHP 5.6+0 I7 V; D# Y6 ?5 j
5 r* p; s; c- a/ \) A
【安装方法】
1 O% A4 k) }8 w; j2 S: k3 d; C1. 将 upload 目录下的文件,按路径覆盖到你网站根目录1 O) a1 |  D! R6 O- f

8 N& T; s8 [6 f0 Z2 ~2. 特别注意:
% y. A$ v4 Z9 K" s, \  I  D   本修改仅限使用默认模板,路径为:/templates/default/home/spacecp_avatar.htm* V7 X, X) @! V) U3 r% d
   (如果你使用了其它模板,请自行替换文件标注部分代码。)
7 k, O" h, x2 H$ o7 C! P+ m  K7 H! c; r, r% v; Y
3. 确保目录权限:( {. e0 |4 r+ ^2 S7 H9 I
   chmod -R 755 uc_server/data/avatar9 R* K) f  f  @8 i2 q
" M( f( @* b0 d4 q. `% h
4. 进入:
9 W- a4 `/ u2 n1 Q4 l; H5 J   点头像进入 →个人空间 → 编辑头像" S" P  a: C2 o8 M0 J
   即可使用 HTML5 上传3 R) A0 N4 j* n" b4 K

# f& _$ Y  P+ r0 l; d7 @8 n【说明】
% O7 J0 B/ K+ b- e: G; Z- 会直接替换 Flash 头像入口
' A( ~/ F5 f8 T; V- 无需安装、无需后台开启
  Y7 S9 M( i1 n- 不影响 UCenter 原有逻辑" c$ C4 J+ X: Z9 M
- 保留头像简单裁剪功能(Cropper.js)( _! @5 W" v" b, T3 d) a0 X
- 仅新增一个htnl5上传组件

$ {3 e* a7 r5 I; }0 H
0 H  |7 N; o; X2 ?2 k- l, O* }& o
作者: Longe    时间: 半小时前

打包收藏放这,免得老人痴呆




欢迎光临 【高州情】高州人深圳站 (https://0668qq.cn/) Powered by Discuz! X2