文件上传功能：

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. osm2pgsql

    osm2pgsql -d gis --create --slim --drop --flat-nodes '/data/nodes.bin' -G --hstore --tag-transform-s ...

  2. asyncio模块实现线程的嵌套和穿插

    import asyncio import time now = lambda :time.time() async def cpc_1(x): print('正在烙比萨饼,预计{}分钟'.forma ...

  3. Bootstrap-轮播图-No.9

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  4. （二）一个MFC程序，消息映射，纯代码

    1.应用程序类 CWinApp https://docs.microsoft.com/zh-cn/cpp/mfc/reference/cwinapp-class?f1url=https%3A%2F%2 ...

  5. 数据结构实验之链表五：单链表的拆分（SDUT 2120）

    #include <bits/stdc++.h> using namespace std; struct node { int data; struct node *next; }; st ...

  6. 如何利用新浪官方的短网址API接口实现T.cn短链接的压缩生成

    短网址的实现原理就是有一个数据表会配置文件将短网址和实际网址进行对应,当请求某个短网址时,程序跳转到对应的实际网址上去,从而实现网址的访问.目前国内最稳定最好用的是新浪T.cn短链接. 之前新浪提供了 ...

  7. loj6519 魔力环

    解题思路 考虑顺时针旋转 \(i\) 步得到的结果,根据Burnside引理,有 \[ Ans=\frac{\sum\limits_{i=0}^{n-1}C(i)}{n} \] \(C(i)\) 为旋 ...

  8. 5.使用Ribbon实现客户端侧负载均衡

                                Ribbon实现客户端侧负载均衡 5.1. Ribbon简介 Ribbon是Netflix发布的开源项目,主要功能是提供客户端的软件负载均衡算法 ...

  9. 【Docker】docker 的常用命令&操作

    一.在linux虚拟机上安装docker XShell1:检查内核版本,必须是3.10及以上 uname -r2:安装docker yum install docker3:输入y确认安装4:启动doc ...

  10. apidoc 接口文档系统

    代码未动,文档先行.apidoc可以方便地维护接口文档.模拟响应数据.前后端分离.导出PDF文档. 特性说明 可视化编辑:支持表单界面编辑接口,不必手动编辑swagger.json 接口模拟响应:支持 ...