傳統的flash上傳方式已被很多主流瀏覽器所拋棄,HTML5上傳是大勢所趨。接下來為大家介紹一下Discuz編輯器flash上傳圖片改為H5圖片上傳的方法,有需要的小伙伴可以參考一下:
1、準備工作:
根據自己的編碼格式下載對應編碼的最新版本代碼,解壓備用
2、模版文件修改:
文件位置:template\default\common\upload.htm,修改后的內容如下:
<!--{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的相關文件,在新版的static\js目錄下找到webuploader文件夾和webuploader.js文件,然后上傳到對應的網站目錄下
4、驗證:
隨便找一個欄目點擊“發帖”,然后點擊編輯器中的圖片上傳圖標,然后上傳圖片測試是否上傳成功
上傳成功會是如下界面: