文件上传功能：

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>

传递数据

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

  1. django（7）modelform操作及验证、ajax操作普通表单数据提交、文件上传、富文本框基本使用

    一.modelForm操作及验证 1.获取数据库数据,界面展示数据并且获取前端提交的数据,并动态显示select框中的数据 views.py from django.shortcuts import ...

  2. 利用Formdata实现form提交文件上传不跳转页面

    作者:幻月九十链接:https://www.zhihu.com/question/19631256/answer/119911045来源:知乎著作权归作者所有,转载请联系作者获得授权. $('form ...

  3. java中的文件上传下载

    java中文件上传下载原理 学习内容 文件上传下载原理 底层代码实现文件上传下载 SmartUpload组件 Struts2实现文件上传下载 富文本编辑器文件上传下载 扩展及延伸 学习本门课程需要掌握 ...

  4. HTML5矢量实现文件上传进度条

    在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件 ...

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

    在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件 ...

  6. servlet文件上传2——复合表单提交（数据获取和文件上传）

    上传文件时表单enctype属性必须要更改为<enctype='multipart/form-data'>:采用post提交表单,元素需要有name属性: 利用第三方jar包(common ...

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

    Anthem.NET刚刚发布了其最新的1.5版本,其中很不错的一个新功能就是对文件上传功能的Ajax实现.本文将简要介绍一下该功能的使用方法. Anthem.NET的下载与安装 Anthem.NET可 ...

  8. Flash上传组件之SWFUpload文件上传

    一.什么是SWFUpload? SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而 ...

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

    再写配置方法之前先吐槽一下网上的各种教程,TM没一个有卵用,一群傻屌不会写就别写,写了就要负责. 百度google搜了半天,全是配置什么document.domain,根域名什么的,我只想对你说: 好 ...

随机推荐

  1. vulkan asynchronous compute

    https://www.youtube.com/watch?v=XOGIDMJThto https://www.khronos.org/assets/uploads/developers/librar ...

  2. Rendering in UE4（Gnomon School UE4 大师课笔记）

    Rendering in UE4 Presented at the Gnomon School of VFX in January 2018, part two of the class offers ...

  3. mysql慢查询配置（5.7）

    刚装了Windows版mysql,想开启慢查询日志. 修改D:\mysql-5.7.23-winx64下my.ini配置文件,添加: [mysqld]slow_query_log = onslow_q ...

  4. SpringAop@Aspect注解实现切面编程

    SpringAOP在springboot中如何使用 #什么是aop## 概念> aop全称Aspect OrientedProgramming,面向切面,AOP主要实现的目的是针对业务处理过程中 ...

  5. 小米oj 有多少个公差为２的等差数列

     有多少个公差为 2 的等差数列 序号:#31难度:有挑战时间限制:1000ms内存限制:10M 描述 给出一个正整数N(2<= N <=10000000),统计有多少公差为2的正整数等差 ...

  6. 虚拟视点demo

    2019年7月16日15:55:11 感觉虚拟视点也是视觉slam里头一个重要的需求和应该实现的功能,但是好像 没看到什么资料. 百度的全景地图,或者有些公司网站上的3d装修效果图,可以用鼠标拖动查看 ...

  7. [Linux命令]curl命令参数详解——转载

    linux curl是通过url语法在命令行下上传或下载文件的工具软件,它支持http,https,ftp,ftps,telnet等多种协议,常被用来抓取网页和监控Web服务器状态.curl命令参数介 ...

  8. hadoop patch

    ERROR org.apache.hadoop.hdfs.server.blockmanagement.BlockManager: ReplicationMonitor thread received ...

  9. MySQL单机安装

    操作系统:CentOS 7 MySQL:5.6 MySQL的卸载 查看MySQL软件 卸载MySQL 查看是否还有 MySQL 软件,有的话继续删除. 安装MySQL 启动MySQL 设置root用户 ...

  10. uni-app 的更新及碰到的问题

    uni-app 的更新 我这个是针对 app 的测试,没有考虑 小程序 及 h5,如需考虑请参考 uni-app 的条件编译 当我们将文件打包好之后,我们在手机上就可以下载 apk 文件,安装到我们的 ...