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/",添加了我的项目名称后,图片可以正常显示。
问题症状:
点击上传图片的按钮后选择图片,上传到了目的文件夹,但是显示不了,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/",添加了我的项目名称后,图片可以正常显示。
相关文章推荐
- 使用Ueditor点击上传图片时显示延迟的问题
- ueditor 编辑器上传到服务器后图片上传不能正常使用
- 关于UEditor上传图片后显示不正常,路径错误的原因
- 关于使用ueditor编辑器--ueditor文件夹与编辑器初始化页面不在同一目录下,上传图片显示问题
- 使用ueditor上传图片后,图片路径不正确导致图片不能显示
- 使用asp.net将图片上传并存入SqlServer中,然后从SqlServer中读取并显示出来
- 图片上传生成缩略图,并使用JQuery实现鼠标移动到缩略图显示相应的大图的例子
- 【Vegas原创】访问owa,图片和js脚本不能正常显示和使用的解决方法
- 在使用 GridView的时候,有时需要多选上面显示的类容,比如批量删除上面显示的图片,批量上传图片等。
- MVC使用百度开源文本编辑器UEditor实现图文并茂,字数限制,上传图片或涂鸦
- 关于在JSP中图片的上传、正常显示、缩略显示
- UEditor配置,上传图片和附件及其他使用方法
- asp.net中使用ueditor 1.3.6上传图片问题
- Ueditor图片上传设置(1.4.3 JSP版本) - 解决图片不能显示问题
- c# asp.net 使用kindeditor在服务器上不能显示上传图片的页面等解决办法
- 在SAE上使用Ueditor的图片上传功能
- 【Vegas原创】访问owa,图片和js脚本不能正常显示和使用的解决方法
- JSP使用ckfinder实现中文图片上传后,无法显示,主要是tomcat不支持中文路径
- 百度Ueditor编辑器的使用,ASP.NET也可上传图片
- MVC使用百度开源文本编辑器UEditor实现图文并茂,字数限制,上传图片或涂鸦