CKEditor上传附件

目前为止尚存在的问题:

  • ie6下CKEditor 的工具栏实效。。。(ie7,8,9及firefox下测试正常)

1.准备好自己附件上传的servlet 

	<servlet>
		<servlet-name>SimpleUploader</servlet-name>
		<servlet-class>tdh.pub.SimpleUploaderServlet</servlet-class>
		<init-param>
			<param-name>fileSizeLimit</param-name>
			<param-value>500</param-value>
		</init-param>
	</servlet>

2.开启ckeditor附件上传功能:配置ckeditor下的config.js

   config.filebrowserUploadUrl = '../../SimpleUploader?Type=File'; 
   config.filebrowserImageUploadUrl = '../../SimpleUploader?Type=Image';  
   config.toolbar = 'Full'; 

  filebrowserImageUploadUrl的配置可以打开上传功能。。。

     只要serlvet正确,一般到这步,就已经可以实现上传附件到服务器的功能了。。

  filebrowserUploadUrl 是配置预览功能。。。


3.实现附件预览功能(上传成功后,自动跳转到“图片属性设置”选项卡)。

  修改serlvet:添加返回页面

  PrintWriter out = response.getWriter();
  response.setContentType("text/html; charset=UTF-8");  
  response.setHeader("Cache-Control", "no-cache");  
//远程访问文件路径
  String remotefilePath = "http://" + request.getServerName() + ":" + request.getServerPort() + "/" + fileSavePath;
//CKEditorFuncNum为CKEditor中配置后自动追加的参数
  String callback = request.getParameter("CKEditorFuncNum");
  out.println("<script type=\"text/javascript\">");
//CKEditor 中返回图片设定页面.此处只适合单个文件上传,CallBack是回调时显示的位置,这个参数必须有
  out.println("window.parent.CKEDITOR.tools.callFunction(" + callback + ",'"+remotefilePath+"',''" + ")");  
  out.println("</script>");

  remotefilePath:为服务器端端附件地址。。。(相对路径)

这里感觉不是太爽。。。

这个就要求servername必须是ip或域名。。。

localhost下上传的图片在远程访问时候就会显示不出来。。。。

(图片半天传不上来。。。。。)



你可能感兴趣的:(CKEditor上传附件)