在需要使用ckeditor 使用如下
<script type="text/javascript" language="javascript">
CKEDITOR.replace( 'articleContent',
{
filebrowserImageUploadUrl : 'uploadPic.do',
} );
</script>
会有在图片按钮有上传属性出来,见下图
我这里用的项目是springmvc的自动注解功能,方法实现
/**
*
* @param args
* fushou
* Mar 12, 2012
* @throws IOException
*/
@RequestMapping(value="/uploadPic.do", method=RequestMethod.POST)
public void uploadPic(HttpServletRequest request, HttpServletResponse response) throws IOException{
response.setContentType("text/html; charset=UTF-8");
response.setHeader("Cache-Control", "no-cache");
PrintWriter out = response.getWriter();
String fileUrl = FileUploadUtil.uploadFile(request, response);
// 将上传的图片的url返回给ckeditor
String callback = request.getParameter("CKEditorFuncNum");
out.println("<script type=\"text/javascript\"> ");
out.println("window.parent.CKEDITOR.tools.callFunction("
+ callback + ",'" + fileUrl + "',''" + ")");
out.println("</script>");
System.out.println(fileUrl);
out.flush();
out.close();
}
FileUploadUtil.uploadFile(request, response);这个是实现上传的具体功能方法,java上传有需要方法,可以使用common-fileupload组件,也可以使用ftp,我这里使用的是common-fileupload组件,具体可以看我另一篇文章。