您的位置:首页 > 产品设计 > UI/UE

ueditor使用-图片上传正常,图片显示异常404

2015-01-07 21:28 411 查看
做个小项目,用到了ueditor,其中需要在ueditor中上传图片。

问题症状:

点击上传图片的按钮后选择图片,上传到了目的文件夹,但是显示不了,f12查看也是404.后来发觉显示图片时路径不对。

解决方案:

翻看官网文档,找到了个博客:http://popozhu.github.io/2014/07/03/ueditor%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%E8%B7%AF%E5%BE%84%E9%85%8D%E7%BD%AE/ 说的还蛮详细。找了下原因,我的错误在于上传路径没问题,ueditor会按照ueditor/jsp/config.json中的对图片的路径配置来操作,关键点在于上传的位置和访问图片时的位置:

"imageUrlPrefix": "", /* 图片访问路径前缀 */

"imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",

设定上传路径和图片访问路径。上传路径虽然没有,但是ueditor会自动检测,没有就创建,因此文件正常上传。

设定图片访问路径时图片前缀由于少了项目名称,因此表现为locallhost:8080/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}.

通过修改"imageUrlPrefix": "/myProject/",添加了我的项目名称后,图片可以正常显示。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐