文件上传and富文本页面

文件上传功能:

1。首先在index.jsp的界面上初始化一个表单。

<body>
        <form  enctype="multipart/form-data" action="<%=path%>/1.jsp" method="post">
            姓名:<input type="text" name="username"/>
  选择文件:<input type="file" name="myfile"/>
      <input type="submit" value="提交"/>
        </form>
</body>

初始化表单

2.在web-root的根目录下创建一个1.jsp,实现文件上传功能

<%@page import="java.io.File"%>
<%@page import="org.apache.commons.fileupload.FileItem"%>
<%@page import="org.apache.commons.fileupload.disk.DiskFileItemFactory"%>
<%@page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
   //判定request请求的类型
     request.setCharacterEncoding("utf-8");
    boolean flag= ServletFileUpload.isMultipartContent(request);
     if(flag)
     {
         DiskFileItemFactory factory=new DiskFileItemFactory();
        //找到一个解析器,解析请求中的各个项目
         ServletFileUpload upload=new ServletFileUpload(factory);//解析器的创建
         List<FileItem> list=upload.parseRequest(request);//使用解析器解析请求的数据
         Iterator<FileItem> myitor= list.iterator();//自动迭代的功能
         while(myitor.hasNext())
         {
                FileItem item=myitor.next();
                if(item!=null)
                {
                  //判断FileItem对象封装的数据类型,文件表单或普通表单字段
                  if(item.isFormField())//普通表单
                  {
                   String name= item.getFieldName();//获取表单的name属性
                   if(name.equals("username"))
                   {
                      out.print(item.getString("utf-8"));
                   }
                  }
                  else
                  {
                    String name=item.getName();//获得文件名
                    out.print(name);
                    String path="/WEB-INF/upload/";//相对路径名
                    String path2=this.getServletContext().getRealPath(path);//通过相对路径名来获得绝对路径名
                    out.print(path2);
                    File file=new File(name);
                    File uploadpath=new File(path2,file.getName());
                    item.write(uploadpath);//向该路径写入文件
                    out.print("上传成功");
                  }
                }
         }
     }

 %>

创建文件

富文本文件:

1.创建一个moneyText.jsp页面,将下载的ckeditor文件夹copy到web-inf文件夹下

 <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
  <body>
  <form action="/fileInfo/success.jsp" method="post">
    <textarea class="ckeditor" name="txtConent"></textarea>
    <input type="submit" value="提交"/>

  </form>
</body>

创建文件夹

2.创建一个sucess页面用来展示moneyText.jsp富文本传递过来的数据

 <%
         request.setCharacterEncoding("utf-8");
   %>
  <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
  <body>
    <textarea class="ckeditor" name="Conent"><%=request.getParameter("txtConent")%></textarea>
  </body>

传递数据

时间: 2024-08-30 07:19:17

文件上传and富文本页面的相关文章

文件上传功能+富文本页面!!!!!!!!!!!!!!!!

一:文件上传功能 1:首先在index.jsp的界面上初始化一个表单. <body> <form enctype="multipart/form-data" action="<%=path%>/1.jsp" method="post"> 姓名:<input type="text" name="username"/> 选择文件:<input type=&q

CKEditor 整合CKFinder实现文件上传及富文本操作

事先说明:此整合的是java版本的  1,下载需要资源: a) ckeditor_4.4.5 (解压)(原谅我喜欢功能强大的,如果你不喜欢,可以用basic版的) http://download.cksource.com/CKEditor/CKEditor/CKEditor%204.4.5/ckeditor_4.4.5_full.zip b) ckeditor-java-3.6.6.2 (解压)(这个可以作为一个参考来看看,不想下载也可以,也有.Net版的) http://download.ck

基于HT for Web矢量实现HTML5文件上传进度条

在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条,矢量在<矢量Chart图表嵌入HTML5网络拓扑图的应用>一文中已经讲述了关于setCompType()方法的应用,今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文件上传进度条,我们先来看下效果图: 从效果图可以看到,向服务器上传了一个mp4文件,并在最下方显示

使用Anthem.NET 1.5中的FileUpload控件实现Ajax方式的文件上传

Anthem.NET刚刚发布了其最新的1.5版本,其中很不错的一个新功能就是对文件上传功能的Ajax实现.本文将简要介绍一下该功能的使用方法. Anthem.NET的下载与安装 Anthem.NET可以在此下载:http://sourceforge.net/project/showfiles.php?group_id=151897&package_id=168043&release_id=493609 下载之后解压缩至硬盘中的某一目录中,编译项目得到Anthem.dll.然后将其拷贝到We

servlet文件上传2——复合表单提交(数据获取和文件上传)

上传文件时表单enctype属性必须要更改为<enctype='multipart/form-data'>:采用post提交表单,元素需要有name属性: 利用第三方jar包(commons-fileupload-1.2.1.jar   commons-io-1.3.2.jar )进行普通数据获取和文件上传:普通文本需要用getString("编码格式")方法获取,否则汉字会出现乱码,最开始我一直用的getString()获取,发现传到数据的数据全是乱码,查看流浪器的里面的

Ueditor1.4.3实现跨域上传到独立文件服务器,完美解决单文件和多文件上传!

再写配置方法之前先吐槽一下网上的各种教程,TM没一个有卵用,一群傻屌不会写就别写,写了就要负责. 百度google搜了半天,全是配置什么document.domain,根域名什么的,我只想对你说: 好了,talk is cheap show me the code,言归正传: 首先去ue官网下载1.43版 .net版本,解压之后,把demo文件夹改成web,把net那个文件夹拷贝出来放到web外面,如图: 这样就把编辑器的静态文件和动态文件分离了,动态部分放到文件服务器上,静态部分集成到我们的网

2017-5-27 WebForm 文件上传

文件上传 准备工作 1.文件上传的页面 2.上传文件要保存的文件夹 1.只要将文件传上来就行 //1.获取要上传的文件,并且知道要上传到服务器的路径 string s = "Uploads/aaa.txt"; //2.生成绝对路径 string path = Server.MapPath(s); //3.上传 FileUpload1.SaveAs(path); 问题:文件类型保存不住,名字无法修改,覆盖已上传的文件 优化1:保留文件原有的名字 解决:把路径中的文件名替换为控件选中的文件

基于Servlet+smartUpload的文件上传

文件上传在web应用中是非常常见的,现在我就介绍下基于servlet的文件上传,基于Struts2的文件上传可以看: 页面端代码: <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <ht

PHP文件上传及下载源码

一.文件上传 前台页面: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文件上传</title> </head> <body> <div> <form method="post" action="upload.php" enctype="multipa