JSP使用ckfinder实现Ajax文件上传

阅读更多

最近学习使用ckfinder实现文件上传,下面详细介绍一下ckfinder在JSP中的应用

1、下载ckfinder

 

      ckfinder官网下载Java版本的ckfinder。

 

2、解压文件

 

      解压下载的zip文件,解压后的目录下有CKFinderJava.war文件,把该文件放入Tomcat的webapp目录下,启动Tomcat,Tomcat的webapp目录下会生成CKFinderJava文件夹。 

 

3、配置java web项目

 

     (1).复制WEB-INF目录下的config.xml文件到你的项目WEB-INF目录下,并修改如下两处

 

            false修改为true

 

            /CKFinderJava/userfiles/其中CKFinderJava为你的项目名称

 

     (2).复制lib里的所有jar文件

 

            把CKFinderJava文件夹里的WEB-INF\lib目录下的所有jar文件复制到自己的Web项目的WEB-INF\lib目录下。

 

     (3).修改你的java web项目的web.xml文件

 

           打开CKFinderJava文件夹里的WEB-INF目录下的web.xml文件,并把以下的代码复制到自己的Web项目的WEB-INF目录下的web.xml文件中。在web.xml中增加如下片段:

 

      
		ConnectorServlet
		com.ckfinder.connector.ConnectorServlet
		
			XMLConfig
			/WEB-INF/config.xml
		
		
			debug
			false
		
		1
	
	
		ConnectorServlet
		
			/ckfinder/core/connector/java/connector.java
		
	
	
		FileUploadFilter
		com.ckfinder.connector.FileUploadFilter
                
                    sessionCookieName
                    JSESSIONID
                
                
                    sessionParameterName
                    jsessionid
                
	
	
		FileUploadFilter
		
			/ckfinder/core/connector/java/connector.java
     	 
	
	
		10
	
	
		index.jsp
	

 

4、把ckfinder文件加入WEB项目

         

        CKFinderJava文件夹下的ckfinder文件夹复制到WEB项目的WebContent文件夹下

 

5、在JSP中使用ckfinder

      

      JSP使用ckfinder代码如下:

 

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>





JSP使用ckfinder实现Ajax文件上传




 

6、把WEB项目部署到Tomcat,然后启动Tomcat,在浏览器中输入你的jsp访问地址,如:http://localhost:6060/CKFinderJava/index.jsp,效果图如下:


JSP使用ckfinder实现Ajax文件上传_第1张图片
 

 下面说说我在配置的过程中遇到的问题,访问JSP页面时,弹出“因为安全原因,文件不可浏览. 请联系系统管理员并检查CKFinder配置文件”的提示!如下图所示:


JSP使用ckfinder实现Ajax文件上传_第2张图片
 

解决办法:

      

       修改WEB-INF目录下的config.xml文件,把 false修改为true即可解决。

 

  • JSP使用ckfinder实现Ajax文件上传_第3张图片
  • 大小: 28.1 KB
  • JSP使用ckfinder实现Ajax文件上传_第4张图片
  • 大小: 10 KB
  • 查看图片附件

你可能感兴趣的:(JSP,ckfinder,Ajax,文件上传)