Discuz编辑器H5上传

传统的flash上传方式已被很多主流浏览器所抛弃，HTML5上传是大势所趋。接下来为大家介绍一下Discuz编辑器flash上传图片改为H5图片上传的方法，有需要的小伙伴可以参考一下：1sU

1、准备工作：

    根据自己的编码格式下载对应编码的最新版本代码，解压备用1sU

2、模版文件修改：

    文件位置：template\default\common\upload.htm，修改后的内容如下：1sU

<!--{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文件，然后上传到对应的网站目录下1sU

4、验证：

    随便找一个栏目点击“发帖”，然后点击编辑器中的图片上传图标，然后上传图片测试是否上传成功1sU

1sU

    上传成功会是如下界面：1sU

1sU