做个小项目,用到了ueditor,其中需要在ueditor中上传图片。
问题症状:
点击上传图片的按钮后选择图片,上传到了目的文件夹,但是显示不了,f12查看也是404.后来发觉显示图片时路径不对。
解决方案:
翻看官网文档,找到了个博客: 说的还蛮详细。找了下原因,我的错误在于上传路径没问题,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/",添加了我的项目名称后,图片可以正常显示。