利用ueditor的文件上传功能上传文件到外部服务器的地址&&&&&字符统计功能重写

最新推荐文章于 2024-01-22 22:36:51 发布

TheNowWjj

最新推荐文章于 2024-01-22 22:36:51 发布

阅读量9k

点赞数 4

分类专栏： java 文章标签： java ueditor

本文链接：https://blog.youkuaiyun.com/wang_jingj/article/details/42361609

版权

本文介绍了如何使用ueditor的文件上传功能上传到外部服务器，并重写了ueditor的字符统计功能。通过重写getActionUrl方法，实现了文件上传到自定义的服务器地址，同时在Controller中处理文件上传并返回符合ueditor要求的JSON数据。另外，针对ueditor的字符统计问题，通过重写getContentLength方法解决了图片和文件被计为一个字符的弊端。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

markdown重写的文章地址: http://blog.youkuaiyun.com/wang_jingj/article/details/54343476

这几天用到了UEDITOR的文件上传功能,但是UEDITOR自带的文件上传功能只能将文件上传到项目根目录.百度搜索也没有很多相关的资料,更关键的是没有相关的源代码.

所以今天把我自己实现的这部分代码上传,希望大家共同进步!

如何使用UEDITOR以及UEDITOR的基本配置在这里不多说了,网上多的很.

本代码基于maven,spring3,spring MVC实现.

下面展示实现的过程.

第一步:

在JSP页面重写UEDITOR的getActionUrl方法

//编辑器资源文件根路径最好在ueditor.config.js中配置
window.UEDITOR_HOME_URL = "/ueditor/";
//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
var ue = UE.getEditor('editor',{initialFrameHeight: 500,initialFrameWidth:800,maximumWords:3000,elementPathEnabled:false});
//复写UEDITOR的getActionUrl 方法,定义自己的Action
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
if (action == 'uploadimage' || action == 'uploadfile') {
var id = $('#carInfoId&#

最低0.47元/天解锁文章