关于百度ueditor文件上传功能

      最近项目中使用到了文本编辑器,由于uditor功能相对比较齐全,所以就选择了ueditor,于是乎就查找了相关的api(uditor api 地址),发现写得很简单,特别是关于图片上传,多图上传,视频上传等模块,写得简单不易看懂。

      完成图片上传的功能花了一天半的时间,第一天很迷茫,无从下手,官网api是靠不住了,于是开始在茫茫大百度中开始寻找答案,接下来说说ueditor关于图片上传和视频上传遇到的问题以及解决办法。

首先看一眼ueditor的真面目:


ueditor

先看看ueditor几个重要的文件:

ueditor.all.js  ---   ueditor的入口,用于初始化插件等作用

ueditor.config.js   ---  ueditor完整配置项

controller.jsp      ----   相当于是一个action方法,用于请求返回config.json 文件

config.json        -----   上传等功能都是在这个文件里配置

在这里怎么在你的网页中嵌入ueditor我就不说了,很简单的引入文件,api有说明。

首先我们会看到以下错误:

这个错误的原因是由于config.json没有正确返回


serverUrl 请求controller.jsp,

然后返回config.json配置文件,一开始以为是由于controller.jsp这个文件被拦截了,没有请求到此jsp文件,后来在过滤器放开了这个文件的访问,还是会出现此错误,所以干脆就不用这个jsp文件,用java代码重写,重写代码如下:


我们用的是grails项目,所以看起来和spring有点区别,但其实就是java代码。这个方法的作用就是读取config.json文件,然后返回json格式的数据。然后修改

地址改成刚才我们写的java方法,然后刷新页面,发现错误没有了。

因为我们的图片是上传到fdfs文件服务器上,所以我需要改写图片上传的路径:


改成自己实现的action方法,


该方法必须返回ueditor指定的json格式:

然后就能实现图片上传。


视频上传也是一样的,找到相应的配置文件,修改即可。

总结:

1.首先得搞清楚上传用到的文件,以及文件相关的内容。

2.判断controller.jsp是否被拦截器拦截(该文件不能被拦截,也可用controller重写此方法,记得修改serverUrl请求的路径)

3.判断controller.jsp返回的config.json数据格式是否正确,必须为json数据。


以上是自己简单的记录,如有问题,请帮忙指正!!  如果遇到此类问题不知道如何解决,欢迎留言!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,246评论 19 139
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,652评论 1 92
  • 新年快乐! 所有的祝福,都来源于你平时的积累,你的付出。 无论来自什么心情,祝福都是个美好的事情。 学会接受和给与...
    大麦茶的故事阅读 261评论 0 0
  • liunx下检测硬盘信息, CPU, 内存等参数 内存命令 cpu属性 系统 硬盘 1、硬盘容量与规格 2、硬盘是...
    LittleTrue阅读 329评论 1 2
  • 扬州的大街小巷中,常见到枇杷树,柳絮飘过就是初夏,树上结满了橙黄色的小枇杷,有些结得久了也不见人摘,仿佛就是观赏的...
    酱汁_c6d0阅读 421评论 0 0