nicEdit上传图片无法显示的问题

做一个后台编辑需要用富文本编辑器,选择了轻量级的nicEdit。

【本文后面附有Demo 】

Demo的作者为rellen110,地址为 http://rellen110.iteye.com/blog/472371

---------------------

1、Demo中的nicEdit的上传使用"upload.jsp"文件进行处理,当然,您也可以改成自己的处理文件。

在nicEdit.js文件的

“nicURI : 'upload.jsp',”

处可以指定处理上传的服务器端程序。

 

2、现在讲一讲遇到的问题。

现状:文件可以成功的上传到服务器。如何检查是否文件已经成功上传有两个方法。

一、打开Tomcat的指定工程目录下,看upload文件夹下是否有新上传的图片。

二、打开nicEdit.js文件,ctrl+F找到 update 函数,然后加上两句alert(即,图中被注释掉的语句),查看返回的json是否有值,如图:

如果在使用上述方法测试,确定文件已经正确上传到服务器,而且服务器也已经回传地址到nicEdit,但是,编辑器内还是看不到图片。

那么,有可能是因为路径的原因。

比如,您当前使用nicEdit的页面为 ROOT\A\editPage.jsp

那么路径上传到Tomcat服务器上的位置是在 ROOT\upload\xxxx.jpg

而upload.jsp返回的图片路径为 upload\xxxx.jpg

可以发现,返回的图片路径是紧跟在ROOT目录下的,而当前编辑页面还

原文地址:https://www.cnblogs.com/elaron/p/2629761.html