Discuz编辑器H5上传

来自:互联网
时间:2020-10-22
阅读:

传统的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、验证:

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

Discuz编辑器H5上传

    上传成功会是如下界面:

Discuz编辑器H5上传

返回顶部
顶部