首页 > 代码库 > ueditor使用-图片上传正常,图片显示异常404

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

做个小项目,用到了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中的对图片的路径配置来操作,关键点在于上传的位置和访问图片时的位置:

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

2 "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/",添加了我的项目名称后,图片可以正常显示。

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