文件上传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>
传递数据
文件上传and富文本页面的更多相关文章
- django(7)modelform操作及验证、ajax操作普通表单数据提交、文件上传、富文本框基本使用
一.modelForm操作及验证 1.获取数据库数据,界面展示数据并且获取前端提交的数据,并动态显示select框中的数据 views.py from django.shortcuts import ...
- 利用Formdata实现form提交文件上传不跳转页面
作者:幻月九十链接:https://www.zhihu.com/question/19631256/answer/119911045来源:知乎著作权归作者所有,转载请联系作者获得授权. $('form ...
- java中的文件上传下载
java中文件上传下载原理 学习内容 文件上传下载原理 底层代码实现文件上传下载 SmartUpload组件 Struts2实现文件上传下载 富文本编辑器文件上传下载 扩展及延伸 学习本门课程需要掌握 ...
- HTML5矢量实现文件上传进度条
在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件 ...
- 基于HT for Web矢量实现HTML5文件上传进度条
在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件 ...
- servlet文件上传2——复合表单提交(数据获取和文件上传)
上传文件时表单enctype属性必须要更改为<enctype='multipart/form-data'>:采用post提交表单,元素需要有name属性: 利用第三方jar包(common ...
- 使用Anthem.NET 1.5中的FileUpload控件实现Ajax方式的文件上传
Anthem.NET刚刚发布了其最新的1.5版本,其中很不错的一个新功能就是对文件上传功能的Ajax实现.本文将简要介绍一下该功能的使用方法. Anthem.NET的下载与安装 Anthem.NET可 ...
- Flash上传组件之SWFUpload文件上传
一.什么是SWFUpload? SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而 ...
- Ueditor1.4.3实现跨域上传到独立文件服务器,完美解决单文件和多文件上传!
再写配置方法之前先吐槽一下网上的各种教程,TM没一个有卵用,一群傻屌不会写就别写,写了就要负责. 百度google搜了半天,全是配置什么document.domain,根域名什么的,我只想对你说: 好 ...
随机推荐
- P1231 教辅的组成 拆点限流
如果只有两个物品的话 是一个裸的二分图匹配问题 现在变成了三个物品之间的匹配 则只要在中间加一层节点表示书 再把这层的每个点拆成两个点中间连一条边限制流量 使其只能用一次 #include<io ...
- jenkins 配置主从机制(master-slaver)
1. 中文:系统管理——节点管理——新建节点(左上侧) 英文:Manage Jenkins——Manage Node——新建节点(左上侧) 2. 中文配图 英文配图: 3. 远程工作目录 以mac为例 ...
- 如何让Python2与Python3共存
一.摘要 最近做服务测试的时候,实在被第三方模块折磨的够呛,从安装就存在兼容Py2和Py3的问题,产品提供的服务越来越多,做服务验证也不得不跟进支持测试,这眼前的Hadoop/Hive/Hbase/H ...
- zznu-2183: 口袋魔方
大致题意: 题目描述 口袋魔方又称为迷你魔方,通俗的来讲就是二阶魔方,只有八个角块的魔方,如图所示. 二阶魔方8个角块的位置均可进行任意互换(!种状态),如果以一个角块不动作为参考角块,其他7个 角块 ...
- CF311B Cats Transport(斜率优化)
题目描述 Zxr960115 是一个大农场主.他养了m只可爱的猫子,雇佣了p个铲屎官.这里有一条又直又长的道路穿过了农场,有n个山丘坐落在道路周围,编号自左往右从1到n.山丘i与山丘i-1的距离是Di ...
- Elastic-Job开发指南(转)
原文地址:http://dangdangdotcom.github.io/elastic-job/post/1.x/user_guide/ 开发指南 代码开发 作业类型 目前提供3种作业类型,分别是S ...
- springboot2.0入门(三)----定义编程风格+jackjson使用+postMan测试
一.RESTFul风格API 1.优点: )看Url就知道要什么资源 )看http method就知道针对资源干什么 )看http status code就知道结果如何 HTTP方法体现对资源的操作: ...
- IDEA配置和插件
1.相关配置 设置字体和大小 2.插件 maven helper 解决maven包冲突的问题 打开pom文件,并可以切换tab,简单使用,如下图 RestfulToolkit RestfulToolk ...
- parent([expr]) 取得一个包含着所有匹配元素的唯一父元素的元素集合。
parent([expr]) 概述 取得一个包含着所有匹配元素的唯一父元素的元素集合.大理石构件 你可以使用可选的表达式来筛选. 参数 exprStringV1.0 用来筛选的表达式 示例 描述: 查 ...
- 腾讯域名防封 微信/QQ域名检测,域名防封的原理
微信屏蔽网页的依据是什么?明面上的原因是网页内容有诱导.诈骗等不和谐的内容时候,被用户举报就会封闭.实际上这只是表面现象,因为我们能明确的感受到不同的阶段,同样的内容,被封杀的频率差别很大的,也就是说 ...