2025年ueditor编辑器图片配置（ueditor编辑器上传图片）

科技前沿 • 2025-05-05 17:45 • 阅读 50

大家好，我是讯享网，很高兴认识大家。

因为我的播客引用了baidu的ueditor嘛, 之前的时候一直没有管图片, 视频等等gif的问题, 但是后来快要完成第一个版本的时候, 我想了一下, 妈蛋, 回首过去, 我的几乎所有的播客都发了图片的, 没有图片怎么能行!

所以后来在网上找关于ueditor上传图片的问题
找到的网友都是说
1 先配置/ueditorRoot/ueditor.config.js 中的URL, 将其配置为ueditorRoot的路径
2 然后更新/ueditorRoot/jsp/imageUp.jsp, /ueditorRoot/jsp/fileUp.jsp

但就是在这一步, 出现了问题, 我是用的是 “ueditor_release-ueditor1_4_3_1-utf8-jsp”, 在jsp文件夹下面没有这两个.jsp文件, 只有一个”controller.jsp”, 以及一个”config.json”的配置文件, 还有个子文件夹存放的相关的jar包

到了这里, 我就懵了, …. 没有怎么办..
然后又在网上去搜索, 结果搜了半天也没有什么结果, 官网上也去看了一下, 但是没有找到..
这是新版本中, 更新了配置的方式吧

然后我打开, “config.json”, 这里看到了一些信息, 看起来是上传相关的配置, 而且和播客上面修改的数据[配置路径]也有些相关, 然后我改了一下图片的imagePathFormat,
之前默认的是“/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}” 我将其改成了”/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”

然后我上传图片, 从networks中查看controller.jsp是上传成功了, 然后找到”项目路径/upload/image/XXX/” 一看, 果然上传上来了, 但是在editor中却没有显示出来
然后我看网络请求, 他请求的是”/upload/image/XXX/XXX.png”, 我思考了一下, 如果是正常请求, host:port/context/path, 也就是正确请求的应该是”/HXBlog/upload/image/XXX/XXX.png”, 但是为什么它却没有加上项目路径了…
然后我又回去看”config.json”, 发现了一个imageUrlPrefix的配置, 也许这个就是配置项目名称吧, 然后 我将其配置为了”HXBlog”, 果然图片上传成功, 并成功的在editor中加载出来了….

1 /ueditorRoot/ueditor.config.js 更新URL [更新为相对于当前项目, ueditor的路径]

05 ueditor上传图片配置_ueditor
讯享网