html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ckeditor_upload.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
window.onload = function() {
CKEDITOR.replace("content",{
width: 600,
height: 400,
filebrowserFileUploadUrl : 'servlet/upload?type=file',
filebrowserImageUploadUrl : 'servlet/upload?type=image',
filebrowserFlashUploadUrl : 'servlet/upload?type=flash'
});
};
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>
servlet:
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.FileItemIterator;
import org.apache.commons.fileupload.FileItemStream;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
public class Upload extends HttpServlet {
private List<String> allowedImages = new ArrayList<String>();
private String uploadPath;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
/**
* 利用firebug可以看到ckeditor给我们生成了这样一段代码
* <form lang="zh-cn" action="servlet/upload?type=image&CKEditor=content&CKEditorFuncNum=1&langCode=zh-cn" dir="ltr" method="POST" enctype="multipart/form-data">
* <input type="file" size="38" name="upload">
* </form>
* 可以知道ckeditor上传图片是提交到了servlet/upload?type=image&CKEditor=content&CKEditorFuncNum=1&langCode=zh-cn
* 这里面的CKEditorFuncNum是页面传过来的回调方法，在上传成功后应该回调这个方法，使生成的图片在预览窗口进行显示
*/
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String type = request.getParameter("type");
FileItemFactory itemFactory = new DiskFileItemFactory();
ServletFileUpload servletFileUpload = new ServletFileUpload(itemFactory);
try {
FileItemIterator itemIterator = servletFileUpload.getItemIterator(request);
//因为ckeditor只是上传文件，所以这里就可以这样写了
if (itemIterator.hasNext()) {
FileItemStream itemStream = itemIterator.next();
String name = itemStream.getName();
InputStream inputStream = itemStream.openStream();
String tagName = getTagName(name);
if (allowedImages.contains(tagName) && "image".equals(type)) {
String fileName = this.geneFileName(tagName);
this.upload(inputStream, fileName);
String callback = request.getParameter("CKEditorFuncNum");
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
out.write("<script type=\"text/javascript\">");
out.write("window.parent.CKEDITOR.tools.callFunction("+callback+",'ckeditor/upload/"+fileName+"',''"+")");
out.write("</script>");
}
}
} catch (FileUploadException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
@Override
public void init(ServletConfig config) throws ServletException {
// TODO Auto-generated method stub
String allowedImage = config.getInitParameter("allowedImage");
String[] images = allowedImage.split(",");
for (String image:images)
allowedImages.add(image);
uploadPath = config.getServletContext().getRealPath("/ckeditor/upload");
}
private String getTagName(String fileName) {
int index = fileName.lastIndexOf(".")+1;
return fileName.substring(index);
}
private String geneFileName(String tagName) {
SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
return sdf.format(new Date()) + "." + tagName;
}
private void upload(InputStream inputStream, String fileName) throws IOException {
File file = new File(uploadPath, fileName);
OutputStream os = new FileOutputStream(file);
byte[] bytes = new byte[1024];
int len = 0;
while ((len = inputStream.read(bytes)) != -1) {
os.write(bytes, 0, len);
}
inputStream.close();
os.close();
}
}
web.xml:
<?xml version="1.0" encoding="GB18030"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<servlet>
<servlet-name>Upload</servlet-name>
<servlet-class>com.tiantian.ext.servlet.Upload</servlet-class>
<init-param>
<param-name>allowedImage</param-name>
<param-value>jpg,jpeg,gif,png</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>Upload</servlet-name>
<url-pattern>/servlet/upload</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
分享到：
相关推荐
使用FileUpload组件实现上传功能，供大家一起共同分享学习。
主要为大家详细介绍了使用fileupload实现文件上传功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Apache FileUpload文件上传组件API解析
下面举例介绍如何使用它的文件上传功能。 所使用的fileUpload版本为1.2，环境为Eclipse3.3+MyEclipse6.0。FileUpload 是基于 Commons IO的，所以在进入项目前先确定Commons IO的jar包（本文使用commons-io-1.3.2.jar...
commons-fileupload实现文件上传
apache fileupload 处理文件上传（流式和非流式）临时文件处理
Apache_Commons_fileUpload实现文件上传Apache_Commons_fileUpload实现文件上传
本实现抽取了apache commons.fileupload的最基本代码，组合成一个简单的文件上传组件，对parseRequest方法进行了改进，对于文件，直接存储到指定的上传目录，加快了上传速度。使用本程序时，注意上传端的参数设置，...
jQuery Uploadify + Apache Fileupload异步上传文件示例
用apache fileupload 实现基于http协议的断点续传，断点上载， 含测试用的客户端
使用commons-fileupload实现的文件上传和下载,上传和下载都没有中文乱码问题
利用jsp实现ckeditor_3_6_2 上传图片功能，里面包含完整的工程，不过需要自己引入commons-fileupload-1.2.1.jar,commons-io-1.4.jar文件上传包，网上一大把。只要能正确引入，该工程就能完成
commons-fileupload实现文件上传下载
非常详细非常好的例子。
commons-fileupload实现jsp上传实例(源码)，本源码在本机测试通过。
用commons-fileupload实现文件上传功能，两个文件搞定！！！！
commons-fileupload 文件上传 1.2.1 1.2.2 struts，commons-fileupload实现文件上传
主要介绍了jquery uploadify和apache Fileupload实现异步上传文件示例,需要的朋友可以参考下