传统的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、验证:
随便找一个栏目点击“发帖”,然后点击编辑器中的图片上传图标,然后上传图片测试是否上传成功
上传成功会是如下界面: