`
maosuhan
  • 浏览: 109963 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

一个支持上传的jsp版的新浪编辑器

阅读更多
首先下载一些jar文件导入你的工程
commons-io-1.4-bin.zip
commons-beanutils-1.8.0-bin.zip
commons-fileupload-1.2.1-bin.zip
可以在apache官网上下

改变新浪编辑器中的img.htm
将其中的表单中的action的地址变成你定义的处理上传的servlet的地址。
如:
<form name="form1" id="form1" method="post" action="/J_ClubUnion/servlet/ImageUpload" enctype="multipart/form-data" target="myiframe">

此处J_ClubUnion 为我的项目名,我用的是tomcat。
在web.xml中配置在<web-app></web-app>之中添加
<servlet>
        <servlet-name>ImageUpload</servlet-name>
        <servlet-class>servlet.ImageUpload</servlet-class>
    </servlet>

…………………………
  
<servlet-mapping>
        <servlet-name>ImageUpload</servlet-name>
        <url-pattern>/servlet/ImageUpload</url-pattern>
    </servlet-mapping>


接着,在你的web根目录下建立 upload/images_tmp与 upload/images文件夹

接着编写在servlet包中的UploadImage

package servlet;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.DefaultFileItemFactory;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.FileItemIterator;
import org.apache.commons.fileupload.FileItemStream;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.commons.fileupload.util.Streams;
/**
 *
 * @author maosuhan
 */
public class ImageUpload extends HttpServlet implements javax.servlet.Servlet {
    File tmpDir = null;//初始化上传文件的临时存放目录
    File saveDir = null;//初始化上传文件后的保存目录
  }


    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
       tmpDir=new File(this.getServletContext().getRealPath("/")+"upload"+File.separator+"images_tmp/");
              saveDir=new File(this.getServletContext().getRealPath("/")+"upload"+File.separator+"images/");

      //  response.setContentType("text/script;charset=UTF-8");
        PrintWriter out = response.getWriter();
        try {
             if(ServletFileUpload.isMultipartContent(request)){
          DiskFileItemFactory dff = new DiskFileItemFactory();//创建该对象
          dff.setRepository(tmpDir);//指定上传文件的临时目录
          dff.setSizeThreshold(1024000);//指定在内存中缓存数据大小,单位为byte
          ServletFileUpload sfu = new ServletFileUpload(dff);//创建该对象
          sfu.setFileSizeMax(5000000);//指定单个上传文件的最大尺寸
          sfu.setSizeMax(10000000);//指定一次上传多个文件的总尺寸
          FileItemIterator fii = sfu.getItemIterator(request);//解析request 请求,并返回FileItemIterator集合
          while(fii.hasNext()){
            FileItemStream fis = fii.next();//从集合中获得一个文件流
            if(!fis.isFormField() && fis.getName().length()>0){//过滤掉表单中非文件域
             //   String fileName = fis.getName().substring(fis.getName().lastIndexOf("."));//获得上传文件的文件名
                String fileName=(new Date()).toString()+(int)(Math.random()*1000)+fis.getName().substring(fis.getName().lastIndexOf("."));
                           fileName=fileName.replace(" ", "");
                           fileName=fileName.replace(":", "");
                BufferedInputStream in = new BufferedInputStream(fis.openStream());//获得文件输入流
                BufferedOutputStream out2 = new BufferedOutputStream(new FileOutputStream(new File(saveDir+File.separator+fileName)));//获得文件输出流
                Streams.copy(in, out2, true);//开始把文件写到你指定的上传文件夹
         
           out.print("<script>window.parent.LoadIMG('../../upload/images/"+fileName+"')</script>");//这句很关键,传递给img.htm一个script语句执行,这里的相对路径是针对你的upload/images和img.htm来讲的,可能你的路径有所不同
            }
          }
         }

        } catch(Exception e){
        e.printStackTrace();
    }
finally { 
            out.close();
        }
    } 

         protected void doGet(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        processRequest(request, response);
    } 

       @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        processRequest(request, response);
    }



}


然后依葫芦画瓢,创建servlet AttachUpload,upload/attach_tmp和upload/attach 并修改attach.htm 。
AttachUpload如下

package servlet;
import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.fileupload.FileItemIterator;
import org.apache.commons.fileupload.FileItemStream;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.commons.fileupload.util.Streams;

public class AttachUpload extends HttpServlet {
   File tmpDir,saveDir;
       protected void processRequest(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
      tmpDir=new File(this.getServletContext().getRealPath("/")+"upload"+File.separator+"attach_tmp/");
              saveDir=new File(this.getServletContext().getRealPath("/")+"upload"+File.separator+"attach/");

        PrintWriter out = response.getWriter();
        try {
             if(ServletFileUpload.isMultipartContent(request)){
          DiskFileItemFactory dff = new DiskFileItemFactory();//创建该对象
          dff.setRepository(tmpDir);//指定上传文件的临时目录
          dff.setSizeThreshold(1024000);//指定在内存中缓存数据大小,单位为byte
          ServletFileUpload sfu = new ServletFileUpload(dff);//创建该对象
          sfu.setFileSizeMax(20000000);//指定单个上传文件的最大尺寸
          sfu.setSizeMax(50000000);//指定一次上传多个文件的总尺寸
          FileItemIterator fii = sfu.getItemIterator(request);//解析request 请求,并返回FileItemIterator集合
          while(fii.hasNext()){
            FileItemStream fis = fii.next();//从集合中获得一个文件流
            if(!fis.isFormField() && fis.getName().length()>0){//过滤掉表单中非文件域
             //   String fileName = fis.getName().substring(fis.getName().lastIndexOf("."));//获得上传文件的文件名
                String fileName=(new Date()).toString()+(int)(Math.random()*1000)+fis.getName().substring(fis.getName().lastIndexOf("."));
                           fileName=fileName.replace(" ", "");
                           fileName=fileName.replace(":", "");
                BufferedInputStream in = new BufferedInputStream(fis.openStream());//获得文件输入流
                BufferedOutputStream out2 = new BufferedOutputStream(new FileOutputStream(new File(saveDir+File.separator+fileName)));//获得文件输出流
                Streams.copy(in, out2, true);//开始把文件写到你指定的上传文件夹
           out.print("<script>window.parent.LoadAttach('../../upload/attach/"+fileName+"')</script>");
            }
          }
         }

        } catch(Exception e){
        e.printStackTrace();
    }
finally {
            out.close();
        }
    } 

      @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        processRequest(request, response);
    } 

      @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        processRequest(request, response);
    }

}
分享到:
评论
1 楼 RangerWolf 2010-04-09  
赞一个!
收藏下来了
明天好好研究!

相关推荐

    新浪在线编辑器完美JSP版,支持本地图片上传功能

    新浪htmlteditor在线编辑器完美JSP版 支持全中文名称,由smartupload组件上传文件,可完美上传预览图片。放在根目录下可以直接运行。支持按年月自动创建上传目录,支持缩略图显示。 运行环境TOMCAT1.6下通过。 ...

    新浪HTML在线编辑器(PHP版+JSP版,可上传)

    网上找了很多款编辑器,但都无法满足我的全部要求:功能全面(带上传)、JSP整合方便、界面美观。 大部分都是不带上传的,即使带了也是PHP和ASP的。无奈之下只好自己改了,真是可悲啊,难道JSP那么低调吗? 好了牢骚...

    新浪html在线编辑器JSP版(带图片上传)

    新浪html在线编辑器JSP版(带图片上传),使用简单,界面简洁

    新浪在线编辑器 jsp版 可上传

    由asp版本修改。补充:内容的存取,特殊字符(如引号)最好replace转义...上传bean是src\com\UploadBean.java 上传处理在\Edit\editor\upload.jsp 部分浏览器预览本地图片小红叉可改路径调试。如request.getRealPath("/")

    新浪php版在线编辑器

    ·修正了编辑器在PHP5调用时出错的问题; ·将原来的图片上传限制500K增大为800K; ·修正一些其它小问题;

    新浪在线编辑器JSP版

    Sina在线html编辑器,带demo,很好用,jsp版的,带图片上传功能,我项目里面用到了,很好用

    在线编辑器集合(12121)

    本人收集的资源几乎都没费,为免费的是最初的资源.分享 (新浪在线编辑器)SinaEditor 163Editor(网易编辑器表情更多) FCKeditor-仿百度 kindeditor(一款也不错的编辑器) ...新浪在线编辑器 jsp版 可上传

    富头像上传编辑器 v1.4

    富头像上传编辑器 v1.4,可以支持asp,.net,php,jsp等,富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等... 小巧的身材:文件大小仅仅...

    富头像上传编辑器最新官方版

    富头像上传编辑器最新官方版,可以支持asp,.net,php,jsp等,富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等... 小巧的身材:文件大小...

    基于jsp+servlet+javaBean的图书管理系统+项目说明+sql数据库(期末大作业).zip

    - **关于图片**: 本项目涉及图片上传与富文本编辑器,但是,每当我们开始Run或者Debug项目,`tomcat/webapps/ROOT`这个项目会被清空然后重新写入编译好的Java代码。由于图片保存在本项目`src/main/webapp/assets/...

    Web应用前端技术的探索与实践

    6.5.2.26.2 一个较为复杂的应用实例 185 6.5.3 综合实例 191 6.5.3.1 Portal 191 6.5.4 展望 195 7 前端页面的优化工作概论 195 7.1 前端页面优化的策略 196 7.2 网站加速的主要方法 198 7.2.1 Web层 198 7.2.2 应用...

Global site tag (gtag.js) - Google Analytics