【高州情】高州人深圳站

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

---

作者: 浪浪    时间: 2026-5-10 21:51:51     标题: 由于各大浏览器都不支持FLASH，外挂了HTML5组件实现头像上传

FLASH最终还是没能跟上时代的步伐，被各大浏览器抛弃，我们这老破旧论坛连头像也上传不了，花了一个星期反编译了Discuz7.2的FLASH头像上传逻辑，并把这套逻辑转移到了X2身上，
5 q- u8 X% D( c$ }0 g. [0 [用同样的方法外挂了一个HTML5的插件去替代原来的FLASH，恢复了头像的上传，
虽然界面上还有些粗糙，但起嘛能用了，如果各位发现头像上传有什么问题可以跟帖留言。


[attach]14769[/attach]
7 \) O: Y( S. W8 i3 d5 Z
3 U9 `2 i/ L% ?0 ]

Discuz X2 HTML5 头像插件 v1.0  2026-05-05
==============================
3 Y4 d6 Q: X2 i4 N" @. B$ K4 ~# b【目录结构】
upload/
  i0 Z/ ^- h; i& ^. g6 i$ ^7 T├── html5avatar.php        插件后端接口（核心逻辑）
, L, ]: a! r, E* ]8 j└── template/
        └─ default/
            └─ home/
- [( m; Y5 h& Z. A& g                └─ spacecp_avatar.htm        前端模板（含 Cropper.js）
0 q; `1 Q% z% i: t3 X
4 C1 |( e1 h' x% j$ L8 ^# p2 w【适用环境】
- Discuz! X2 UTF-8
' ?: R) H$ y' U/ a: I- UCenter 1.6
( |9 ]  D7 z: w- D' u7 j5 z; }- PHP 5.6+

【安装方法】
1. 将 upload 目录下的文件，按路径覆盖到你网站根目录
: ^( b+ C# c5 P7 U  [5 L  G
, _0 V1 {8 |; q. {- [2. 特别注意：
   本修改仅限使用默认模板，路径为：/templates/default/home/spacecp_avatar.htm
   （如果你使用了其它模板，请自行替换文件标注部分代码。）

/ ]: g# K! u( f& a) q/ d: M: |3. 确保目录权限：
   chmod -R 755 uc_server/data/avatar

4. 进入：
   点头像进入 →个人空间 → 编辑头像
   即可使用 HTML5 上传

【说明】
( _0 a0 Y2 [+ C$ Y/ l6 |9 f- 会直接替换 Flash 头像入口
- 无需安装、无需后台开启
- 不影响 UCenter 原有逻辑
* x/ W- s4 ?0 b) {% u- 保留头像简单裁剪功能（Cropper.js）
" S3 X* H8 _+ b& M7 `) _" T- 仅新增一个htnl5上传组件

---

作者: Longe    时间: 2026-5-10 22:58:22

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

---

作者: yupopp    时间: 2026-5-11 16:59:46

---

作者: Longe    时间: 2026-5-18 10:25:41     标题: 修复多媒体控件：把原来多媒体的FLASH控件替换为HTML5原生多媒体控件

原多媒体控件：

1. function parseaudio($url, $width = 400) {
   6 E4 J+ O2 N- T) h. Y5 r0 _
2.         $ext = strtolower(substr(strrchr($url, '.'), 1, 5));
   & T: l2 I5 ~, e2 s! o: b
3.         switch($ext) {
   
4.                 case 'mp3':
   9 E3 V6 c( W! p: X9 L  F4 S
5.                 case 'wma':
   . n4 D0 N" }6 G4 I
6.                 case 'mid':
   & E* H6 c! g! S8 h4 {; K+ H
7.                 case 'wav':
   
8.                         return '<object classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" ...>';
   
9.                 case 'ra':
   6 l1 ~$ r# U7 S0 @5 @
10.                 case 'rm':
    * W# r0 Q( g/ u2 y; f
11.                 case 'ram':
      ~- [" ]5 w3 E+ U; x
12.                         return '<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" ...>';
    
13.         }
    7 u$ x- i( Y6 W2 m- U
14. }
    ) v' s; l0 x' v
15. 
    * K6 o; y: ?6 b( q4 j! A" S4 R0 A. ^( f
16. function parsemedia($params, $url) {
    
17.         ...
    & X4 t& m, C$ h/ @
18.         return parseaudio($url, $width);
    
19. }

复制代码

新的 HTML5 播放控件：

1. // 替换原代码为 HTML5 播放控件
   
2. function parseaudio($url, $width = 400) {
   1 u( Q2 u" W" `
3.         $url = str_replace('\\"', '"', $url);
   : Q0 t. k! Q, y6 f) V# `) R
4.         $ext = strtolower(substr(strrchr($url, '.'), 1, 5));
   . \# f. ~2 A: d4 z; S. m* [  g
5. 
   
6.         switch($ext) {
   - [# \9 t+ x+ B6 Y0 U1 ?4 v
7.                 case 'mp3':
     T1 J& N) J# e
8.                 case 'wma':
   
9.                 case 'wav':
   
10.                 case 'mid':
    , H  |5 y$ W$ j+ X; l
11.                 case 'ogg':
    0 i4 M! U; x6 q' u& z
12.                         return '<audio controls style="width:100%;max-width:'.$width.'px;border-radius:2px;" src="'.$url.'"> </audio>';
    
13.                 case 'ra':
    . l' p- u' S) t; v* h& t. ]) p
14.                 case 'rm':
    
15.                 case 'ram':
    : g$ [- E( l& H8 I; c- S, G2 h
16.                         // RM 无法 HTML5 播放，退化为链接
    7 L6 `: ?/ o5 Q4 Q. T. `% |# F
17.                         return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    1 f% `7 T. B9 @2 j' T: s
18.         }
      ]( n* u% s9 L5 g/ C
19. }
    $ z$ Z" N0 K/ z
20. 
    ) l, n& [6 G+ k" l8 R) Z- m. Q  n
21. function parsemedia($params, $url) {
    7 K, t! }% i' R4 ?* K
22. 
    
23.         $params = explode(',', $params);
    
24. 
    
25.         $width  = isset($params[1]) && intval($params[1]) ? intval($params[1]) : 400;
    
26.         $height = isset($params[2]) && intval($params[2]) ? intval($params[2]) : 300;
    ' `0 O! E0 c9 c. q
27. 
    . z- b: Z7 A% z- t
28.         $width  = min($width, 800);
    
29.         $height = min($height, 600);
      M0 Y6 K- g  b, x( z1 |
30. 
    * a  E1 |1 S7 Y" F; C. B0 r$ V
31.         $url = str_replace(array('<', '>'), '', str_replace('\\"', '"', $url));
    3 z( `  g/ U( B! f4 _/ e7 M
32.         $ext = strtolower(substr(strrchr($url, '.'), 1, 5));
    1 \+ M( }- H- ]) J
33. 
    
34.         /* HTML5 优先（现代浏览器） */
    
35.         if(in_array($ext, array('mp3','wav','ogg'))) {
    7 |! R  [8 h% X7 `  n2 T
36.                 return '<audio controls style="width:100%;max-width:'.$width.'px;border-radius:6px;">
    ' B2 b! Y: V* `' p
37.                                         <source src="'.$url.'" type="audio/mpeg">
    * b3 g6 C6 q5 a
38.                                 </audio>';
    
39.         }
    + ^/ P) H' N2 ~2 H* T2 A" j" V$ x
40. 
    3 F4 I( V" i% e8 V& l
41.         if(in_array($ext, array('mp4','webm','ogg'))) {
    ! C) D0 ?, T6 B6 ^. Z% @. D2 H+ B4 N- |3 L
42.                 return '<video controls style="width:100%;max-width:'.$width.'px;border-radius:6px;"
    9 P4 F) o1 [6 Z' U
43.                                          poster="">
    
44.                                         <source src="'.$url.'" type="video/mp4">
    & M1 V8 |1 O( Y6 x3 i( T$ f& I
45.                                 </video>';
    
46.         }
    
47. 
    + V) N& t; V! C; {$ ^% M8 K
48.         /* Flash 逻辑保留（但不指望能用） */
    
49.         if(in_array(count($params), array(3, 4))) {
    
50.                 $type = $params[0];
    3 b7 r! b! V- H: u8 P2 M
51. 
    ; `- A& l( Q" j; P
52.                 switch($type) {
    
53.                         case 'mp3':
    
54.                         case 'wma':
    6 D4 u" v/ [; i/ v7 N1 |4 R
55.                         case 'ra':
    / N" A6 d: q/ i% z& ?: @- A
56.                         case 'ram':
    
57.                         case 'wav':
    ! |. G! i: e- j+ X- y0 x
58.                         case 'mid':
    
59.                                 return parseaudio($url, $width);
    - p' c) A, F' Y: n
60. 
    & i9 ^) U  e3 o  D4 N' o1 h
61.                         case 'rm':
      H2 e& _( @9 F) v
62.                         case 'rmvb':
    * u1 ]; T. e! _, |+ P, `2 U
63.                         case 'rtsp':
    3 O  W( u4 w& C1 b) t
64.                                 return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    
65. 
    
66.                         case 'flv':
    
67.                         case 'swf':
    . c+ c/ _5 K# f# V2 y/ z
68.                                 return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    : h1 p# b# L2 E6 j5 E! O
69. 
    , j1 m7 y! d2 D2 |! I
70.                         case 'asf':
    4 |3 _) B* h! J' L+ w: [
71.                         case 'asx':
    
72.                         case 'wmv':
    4 Q3 ?- Q- v9 t7 E" x* }7 ], Q$ m
73.                         case 'mms':
    $ U  `" x9 s+ e; I- R: V' i
74.                         case 'avi':
    
75.                         case 'mpg':
    : I; {2 Y8 C% A8 N, }; i9 {
76.                         case 'mpeg':
    
77.                                 return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    
78. 
    
79.                         case 'mov':
    : @# \5 z: t4 Z) o8 X; ?
80.                                 return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    
81. 
    4 l/ q5 }. a. J1 E/ v- a
82.                         default:
    
83.                                 return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    
84.                 }
    
85.         }
    6 B# W9 t! ?  M
86.         return;
    6 _8 J8 q5 \+ O; N
87. }

复制代码

---

作者: Longe    时间: 2026-5-18 11:03:28

原FLASH已死：

1. function parseflash($w, $h, $url) {
   , a, b. I3 `" [; V; B
2.         $w = !$w ? 550 : $w;
   
3.         $h = !$h ? 400 : $h;
   
4.         preg_match("/((https?){1}:\/\/|www\.)[^\[\"']+/i", $url, $matches);
   
5.         $url = $matches[0];
   9 {! W8 ]* }/ Z% U0 ~0 w: }
6.         $randomid = 'swf_'.random(3);
   
7.         if(fileext($url) != 'flv') {
   ; r2 D* P$ e& M7 d9 [; Y
8.                 return '<span id="'.$randomid.'"></span><script type="text/javascript" reload="1">$(\''.$randomid.'\').innerHTML=AC_FL_RunContent(\'width\', \''.$w.'\', \'height\', \''.$h.'\', \'allowNetworking\', \'internal\', \'allowScriptAccess\', \'never\', \'src\', \''.$url.'\', \'quality\', \'high\', \'bgcolor\', \'#ffffff\', \'wmode\', \'transparent\', \'allowfullscreen\', \'true\');</script>';
   : q1 G  ~6 `9 x
9.         } else {
   ) y' o7 Z; [( j1 t' z
10.                 return '<span id="'.$randomid.'"></span><script type="text/javascript" reload="1">$(\''.$randomid.'\').innerHTML=AC_FL_RunContent(\'width\', \''.$w.'\', \'height\', \''.$h.'\', \'allowNetworking\', \'internal\', \'allowScriptAccess\', \'never\', \'src\', \''.STATICURL.'image/common/flvplayer.swf\', \'flashvars\', \'file='.rawurlencode($url).'\', \'quality\', \'high\', \'wmode\', \'transparent\', \'allowfullscreen\', \'true\');</script>';
    
11.         }
    
12. }

复制代码

不得已的修改方案（让原来的播放器直接显示为FLASH链接）：

1. function parseflash($w, $h, $url) {
   4 b5 @+ z9 ]" c" k' ^
2. return '<a href="'.$url.'" target="_blank" rel="noopener noreferrer">'.$url.'</a>';
   ! S* g  j8 y5 D' q1 i
3. }

复制代码

---

作者: 哦si矛夹送    时间: 2026-6-9 20:41:31

---

欢迎光临 【高州情】高州人深圳站 (https://www.0668qq.cn/)

Powered by Discuz! X2