最新消息:Laov博客专业为广大站长朋友提供网站源码

Discuz编辑器H5上传

Discuz教程 LAOV 69浏览 0评论

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

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

转载请注明:LAOV博客 » Discuz编辑器H5上传

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
Discuz编辑器H5上传