傳統(tǒng)的flash上傳方式已被很多主流瀏覽器所拋棄,HTML5上傳是大勢(shì)所趨。接下來為大家介紹一下Discuz編輯器flash上傳圖片改為H5圖片上傳的方法,有需要的小伙伴可以參考一下:
1、準(zhǔn)備工作:
根據(jù)自己的編碼格式下載對(duì)應(yīng)編碼的最新版本代碼,解壓備用
2、模版文件修改:
文件位置:template\default\common\upload.htm,修改后的內(nèi)容如下:
<!--{if empty($_G['uploadjs'])}--> <link rel="stylesheet" type="text/CSS" href="{STATICURL}js/webuploader/webuploader.css?{VERHASH}"> <script src="{STATICURL}js/mobile/jquery.min.js?{VERHASH}"></script> <script src="{STATICURL}js/webuploader/webuploader.min.js?{VERHASH}"></script> <script type="text/JavaScript" src="{$_G[setting][jspath]}webuploader.js?{VERHASH}"></script> {eval $_G['uploadjs'] = 1;} <!--{/if}-->
3、css文件和js文件:
從第二步可以看到需要引入webuploader的相關(guān)文件,在新版的static\js目錄下找到webuploader文件夾和webuploader.js文件,然后上傳到對(duì)應(yīng)的網(wǎng)站目錄下
4、驗(yàn)證:
隨便找一個(gè)欄目點(diǎn)擊“發(fā)帖”,然后點(diǎn)擊編輯器中的圖片上傳圖標(biāo),然后上傳圖片測(cè)試是否上傳成功
上傳成功會(huì)是如下界面: