文件上传功能：

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. JavaScript教程——this 关键字

    简单说,this就是属性或方法“当前”所在的对象. 原文地址:https://wangdoc.com/javascript/oop/this.html

  2. TCP/IP协议簇 端口 三次握手 四次挥手 11种状态集

    第一章:概念介绍 1.1 VLAN 1.1.1 什么是VLAN VLAN (Virturl LAN) ,翻译成中文是:“虚拟局域网”.VLAN可以是由少数几台家用计算机构成的网络,也可以是数以百计的计 ...

  3. 制作 leanote docker 镜像 并运行

    # 1.制作基础镜像 leanote 使用 mongodb 存储数据,如果把 mongodb 单独做成一个镜像,初始化数据时比较麻烦,所以最后还是决定把 mongodb 和 leanote 放到同一个 ...

  4. ubuntu 中 搭建 C编程环境

    在 ubuntu 中 使用 快捷键 Ctrl + Alt + T 打开 终端 在终端输入 gcc 查看 有没有安装 gcc (c语言的编译器) ( 我这里是 已经 安装 好的 ) 进行 安装 gcc ...

  5. 利用collections下的counter实现对列表重复元素的查重

    mylist = [0,1,1,2,2,3,3,3,3,4,5,6,7,7,8,8,9,10,10,11,22,33,22] from collections import Counter c = C ...

  6. 2018-2019 ACM-ICPC Brazil Subregional Programming Contest B. Marbles（博弈）

    题目链接:https://codeforc.es/gym/101908/problem/B 题意:两个人玩游戏,有 n 块石头,初始坐标为(x,y),一次操作可以将一块石头移动到(x - u,y),( ...

  7. [CSP-S模拟测试]:A（单调栈维护凸包+二分答案）

    题目传送门(内部题150) 输入格式 第一行两个整数$N,Q$. 接下来的$N$行,每行两个整数$a_i,b_i$. 接下来的$Q$行,每行一个整数$x$. 输出格式 对于每个询问,输出一行一个整数表 ...

  8. MongoDB系列一：MongoDB文档型数据库特点介绍

    一.MongoDB数据库的存储特点: 1.MongoDB是文档型数据库,存储的是文档(将json二进制化为Bson存储): 2.存储的每篇文档都可以有自己独特的存储结构,颠覆了传统数据库必须按照表和列 ...

  9. 解决Linux下Firefox无法启动的问题

    在linux下使用Firefox连接被测系统的GUI,一次偶然操作导致linux系统运行缓慢,Firefox无法正常操作,从system monitor 杀掉所有java进程将Firefox强行关闭. ...

  10. 后盾网lavarel视频项目---Vue项目使用vue-awesome-swiper轮播插件

    后盾网lavarel视频项目---Vue项目使用vue-awesome-swiper轮播插件 一.总结 一句话总结: vue中的插件的使用和js插件的使用一样的简单,只是vue插件的引入过程有些不同 ...