ueditor去掉上传功能_关于百度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数据。

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值