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目录下的，而当前编辑页面还