首页 > CMS教程 > Discuz    日期: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上传

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章