【高州情】高州人深圳站

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

---

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

FLASH最终还是没能跟上时代的步伐，被各大浏览器抛弃，我们这老破旧论坛连头像也上传不了，花了一个星期反编译了Discuz7.2的FLASH头像上传逻辑，并把这套逻辑转移到了X2身上，
+ ~7 u5 A) w- y- c用同样的方法外挂了一个HTML5的插件去替代原来的FLASH，恢复了头像的上传，
虽然界面上还有些粗糙，但起嘛能用了，如果各位发现头像上传有什么问题可以跟帖留言。
& r4 r3 a4 U0 h7 q+ {! l$ a
! }+ D0 ~- U/ w' K+ U$ M( I! m; p
[attach]14769[/attach]
& _, s% @8 k1 X0 p. I4 h

Discuz X2 HTML5 头像插件 v1.0  2026-05-05
==============================
" ?& ?; C$ y. R/ V3 i8 g【目录结构】
upload/
├── html5avatar.php        插件后端接口（核心逻辑）
$ _% b- Z( G# t  O+ M└── template/
' A* b) G& r; E: f& r' n! l' i        └─ default/
            └─ home/
                └─ spacecp_avatar.htm        前端模板（含 Cropper.js）

7 J! K4 q: _) |. i【适用环境】
- Discuz! X2 UTF-8
+ ?- O% @6 v: ~9 c$ g; ~2 ]- UCenter 1.6
* i7 c/ k  }1 M6 X! C8 l% b+ j/ r7 V- PHP 5.6+

0 c6 Y# \- H* n2 g# p0 L- J* y【安装方法】
1. 将 upload 目录下的文件，按路径覆盖到你网站根目录
4 G, E; p% z$ t* r. T! l: d9 p# }5 w
2. 特别注意：
   本修改仅限使用默认模板，路径为：/templates/default/home/spacecp_avatar.htm
  E% H. e. P7 Z& A! @; J/ C5 q   （如果你使用了其它模板，请自行替换文件标注部分代码。）
4 i6 a/ s# A, L
. m, e# |& \0 R" q+ d3. 确保目录权限：
   chmod -R 755 uc_server/data/avatar

4. 进入：
) e2 b1 L" s6 ?; v   点头像进入 →个人空间 → 编辑头像
0 w+ z  j4 [9 s) A6 g6 Z2 I; y7 n+ @   即可使用 HTML5 上传

【说明】
- 会直接替换 Flash 头像入口
. B* B; f3 g( C2 o% e9 h' z2 S- 无需安装、无需后台开启
- 不影响 UCenter 原有逻辑
- 保留头像简单裁剪功能（Cropper.js）
- [. y9 L2 K! \/ ^- 仅新增一个htnl5上传组件

/ K1 ~! v! [  G

---

作者: 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) {
   
2.         $ext = strtolower(substr(strrchr($url, '.'), 1, 5));
   
3.         switch($ext) {
   
4.                 case 'mp3':
   
5.                 case 'wma':
   * A$ D: e* e+ P) @  J5 h3 d
6.                 case 'mid':
   5 U! s& K3 ]& d  G6 f' u6 B% }
7.                 case 'wav':
   
8.                         return '<object classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" ...>';
   
9.                 case 'ra':
   
10.                 case 'rm':
    
11.                 case 'ram':
    : a4 C+ d% W' z. D" w: T
12.                         return '<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" ...>';
    
13.         }
    0 c' G6 [( O$ K2 ?* O
14. }
    
15. 
    ( ]% k0 Y8 H! |! S, p6 N/ O$ ^
16. function parsemedia($params, $url) {
    , w' s1 |. c# ~6 F6 L
17.         ...
    
18.         return parseaudio($url, $width);
    
19. }

复制代码

新的 HTML5 播放控件：

1. // 替换原代码为 HTML5 播放控件
   
2. function parseaudio($url, $width = 400) {
   1 p: B+ W7 k6 {  H
3.         $url = str_replace('\\"', '"', $url);
   , n7 U* U3 z8 F3 m+ r* F4 f
4.         $ext = strtolower(substr(strrchr($url, '.'), 1, 5));
   
5. 
   1 i/ f: K) Q8 p2 R3 N
6.         switch($ext) {
   
7.                 case 'mp3':
   
8.                 case 'wma':
   
9.                 case 'wav':
   
10.                 case 'mid':
    
11.                 case 'ogg':
    + q: q4 _$ }& i. H: @+ R6 p1 C  O8 k
12.                         return '<audio controls style="width:100%;max-width:'.$width.'px;border-radius:2px;" src="'.$url.'"> </audio>';
    
13.                 case 'ra':
    
14.                 case 'rm':
    
15.                 case 'ram':
      p' G, D$ c7 j4 E) g. v, ?
16.                         // RM 无法 HTML5 播放，退化为链接
    
17.                         return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    " B0 z- l3 h  U
18.         }
    
19. }
    + D6 `, S( m' x
20. 
    
21. function parsemedia($params, $url) {
    ! A5 I" F% s  l  B. A# Q
22. 
    " Z# S: a% H1 K1 r0 k4 i- n
23.         $params = explode(',', $params);
    4 S9 N; ~, b" D# S# N+ f6 |- m
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;
    
27. 
    
28.         $width  = min($width, 800);
    
29.         $height = min($height, 600);
    0 U7 D, p0 d2 [4 L! m
30. 
    
31.         $url = str_replace(array('<', '>'), '', str_replace('\\"', '"', $url));
    
32.         $ext = strtolower(substr(strrchr($url, '.'), 1, 5));
    
33. 
    5 k( f: M" x1 x( c8 ]' X; b
34.         /* HTML5 优先（现代浏览器） */
    
35.         if(in_array($ext, array('mp3','wav','ogg'))) {
    , W* a* r8 U4 {7 k
36.                 return '<audio controls style="width:100%;max-width:'.$width.'px;border-radius:6px;">
    
37.                                         <source src="'.$url.'" type="audio/mpeg">
    
38.                                 </audio>';
    $ `. v; H9 c  h' {, b8 z( N5 [
39.         }
    8 I6 e- N/ m. S- Z
40. 
    4 Y8 B* |+ I8 c
41.         if(in_array($ext, array('mp4','webm','ogg'))) {
    
42.                 return '<video controls style="width:100%;max-width:'.$width.'px;border-radius:6px;"
    
43.                                          poster="">
    
44.                                         <source src="'.$url.'" type="video/mp4">
    
45.                                 </video>';
    
46.         }
    : I- ~3 l& T8 v
47. 
    / A" v% Z1 B' B* S, {  M  ^
48.         /* Flash 逻辑保留（但不指望能用） */
    
49.         if(in_array(count($params), array(3, 4))) {
    0 t8 S+ ^* t* |7 ]% }
50.                 $type = $params[0];
    
51. 
    6 ?. Z0 }" D0 @, E, t/ D3 F
52.                 switch($type) {
    
53.                         case 'mp3':
    ; Y( e" f9 u: h6 \; S& d
54.                         case 'wma':
    * w, V  k5 h9 B- q
55.                         case 'ra':
    
56.                         case 'ram':
    
57.                         case 'wav':
    
58.                         case 'mid':
    
59.                                 return parseaudio($url, $width);
    
60. 
    : j1 C1 a3 d) D: \+ c$ G
61.                         case 'rm':
    
62.                         case 'rmvb':
    / \8 ~, n3 _1 `) r
63.                         case 'rtsp':
    
64.                                 return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    . t1 W# h4 q4 g! C+ y; O
65. 
      W& Y! K  z. B- b! y3 X; a- y' ^& P
66.                         case 'flv':
    
67.                         case 'swf':
    
68.                                 return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    
69. 
    
70.                         case 'asf':
    . ?. ~  q$ q! E8 I1 ?: L0 z
71.                         case 'asx':
    
72.                         case 'wmv':
    " f7 B2 |, A4 e4 S
73.                         case 'mms':
    
74.                         case 'avi':
    - c' C2 _9 d8 I% W' x" P" H' J
75.                         case 'mpg':
    
76.                         case 'mpeg':
    9 C* J* q' X, _
77.                                 return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    
78. 
    
79.                         case 'mov':
    
80.                                 return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    
81. 
    0 @- [" }: f& y* d4 V) T- l& E5 O# D
82.                         default:
    # Y4 r! j9 a% _
83.                                 return '<a href="'.$url.'" target="_blank">'.$url.'</a>';
    
84.                 }
    1 e' G5 T' |! j  T
85.         }
    2 ]4 \* \* R. {0 f4 v
86.         return;
    . H! ^# Y" n( Z  O+ j% e
87. }

复制代码

---

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

原FLASH已死：

1. function parseflash($w, $h, $url) {
   2 v2 l* K+ V" B/ i( J# @# r  F
2.         $w = !$w ? 550 : $w;
   " ?5 n  L8 K' @2 y: {) w" c
3.         $h = !$h ? 400 : $h;
   
4.         preg_match("/((https?){1}:\/\/|www\.)[^\[\"']+/i", $url, $matches);
   
5.         $url = $matches[0];
   $ a  D0 y8 M7 @
6.         $randomid = 'swf_'.random(3);
   . e% G0 H# \- h% G  i
7.         if(fileext($url) != 'flv') {
   
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>';
   
9.         } else {
   
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>';
    & T) M4 o1 s& q
11.         }
    & z2 b* J7 e: a, W
12. }

复制代码

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

1. function parseflash($w, $h, $url) {
   
2. return '<a href="'.$url.'" target="_blank" rel="noopener noreferrer">'.$url.'</a>';
   6 ~+ K6 }# G; B( \$ y* v6 M
3. }

复制代码

---

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

---

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

Powered by Discuz! X2