05 ueditor上传图片配置

前段时间在贴吧啊, csdn发了一下关于这个播客的话题, 但是似乎没有什么反响, 不过 算鸟, 这也没什么可纠结的
最近 准备整理一下过程中遇到的困扰了很久的问题, 之后准备将项目发布到github上面

前言

因为我的播客引用了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的路径]
这里写图片描述
2 /ueditorRoot/jsp/config.json 配置XXXPrefix, XXXPathFormat [前者更新为项目名称, 后者更新为相对于项目的路径]
这里写图片描述

下面还有配置截图上传配置, 视频上传配置什么的修改一下上面2的对应的地方的配置即可
注意 : XXXPrefix, 对于图片来说”XXX”是”image”, 对于视频来说”XXX”是”video”, 如果是从image配置复制下来的话, 记得修改”XXX”, 否则 上传会出问题的

后记

对了, 刚才去搜了一下 “ueditor_release-ueditor1_4_3_1-utf8-jsp上传图片”, 搜出来了一个教程, 不过真可惜当时候做的时候并没有找到[我当时搜索的是”ueditor上传图片”], 这又是一种搜索方式啊, 记录一下


不过代码高亮的问题却依然没有解决, 发邮件给ueditor顾问, 到现在也还没有回复[..会不会是判断为垃圾邮件了]
搜索的方式
这里写图片描述
我试过将这句放在导入editor.js之前, 或者之后, 但是都不行

参考 :
http://blog.csdn.net/lucherr/article/details/7680518
http://anyhole.blog.51cto.com/2003910/1281359 –2015.11.10

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值