文件上传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,根域名什么的,我只想对你说: 好 ...
随机推荐
- 接口自动化平台——httprunnermanager
Windows 环境搭建 1. 下载安装pip install httprunner==1.4.2hrun -V #1.4.2har2case -V #0.1.8 2. httprunnermanag ...
- Shell脚本快速查看网段内ip占用情况和可用ip
思想就是整个网段ping一遍,对于ping不通的,解析其失败的字符来判定 #!/bin/bash head_add=${} address=${head_add%.*} echo address=$a ...
- Android之Json
Servlet部分 public class JasonAction extends HttpServlet { private JsonService service; public void do ...
- Redis主从复制(读写分离)(四)
Redis主从复制(读写分离) 克隆三台linux虚拟机 9.1.1.克隆虚拟机 9.1.2.生成新的mack地址 9.1.3.主从复制配置 redis主从复制 概述 1.redis的复制功能 ...
- Mysql中用exists代替in
exists对外表用loop逐条查询,每次查询都会查看exists的条件语句,当 exists里的条件语句能够返回记录行时(无论记录行是的多少,只要能返回),条件就为真,返回当前loop到的 ...
- ACM-ICPC 2018 焦作赛区网络预赛 K. Transport Ship(DP)
题目链接:https://nanti.jisuanke.com/t/31720 题意:有n种飞船,每种飞船有(1 << c)- 1 艘,容量为 k[i] ,q 次询问,每次询问选若干艘飞 ...
- 【细谈Java并发】谈谈LinkedBlockingQueue(转)
最近在看concurrent包的知识,看到LinkedBlockingQueue,发现一篇好文推荐给大家.原文地址:[细谈Java并发]谈谈LinkedBlockingQueue 1.简介 上篇我们介 ...
- vue 01 练习
1.有 红.黄.蓝 三个按钮,以及一个200x200矩形框box,点击不同的按钮,box的颜色会被切换为指定的颜色 <!DOCTYPE html> <html lang=" ...
- HDU 6078 - Wavel Sequence | 2017 Multi-University Training Contest 4
/* HDU 6078 - Wavel Sequence [ DP ] | 2017 Multi-University Training Contest 4 题意: 给定 a[N], b[M] 要求满 ...
- BZOJ 2982 combination 脑子+组合数学
可以发现,整个数列构成一个树形结构,并且是个完全二叉堆(小根堆). 并且这个堆的形态在给定$n$后是固定的,第1个位置上显然只能放1. 对子树的根来说,他自己是所分得的数集中最小的那个,所以从剩下$s ...