通过JSP实现从网页上载一个文本文件,之后点一个按钮能在网页上显示出该文本文件的大小

AI权益加码!Claude Code、Cursor等20+工具免费用! 购周边限时加赠Coding Plan Lite,畅享主流AI工具!学习进阶更高效! 阅读详情

一、工具

  1. Java Platform (JDK) 10
  2. Tomcat 9.0.10
  3. Notepad ++
  4. 任意浏览器

二、步骤

  1. 创建一个文件上传表单upload.jsp
    下面的 HTML 代码创建了一个文件上传表单。以下几点需要注意:
    (1)表单 method 属性应该设置为 POST 方法,不能使用 GET 方法。
    (2)表单 enctype 属性应该设置为 multipart/form-data.
    (3) 上传单个文件,您应该使用单个带有属性 type=”file” 的
<%@ page contentType="text/html;charset=UTF-8"%>  
<html>  
<title>上传界面</title>  
<body>  
<h2>上传文件</h2>  
<form action="message.jsp" method="post" enctype="multipart/form-data">    
<b>选择文件:</b> <br/>
<input type="file" name="uploadFile" size="80">  
<br/>
<br/>
<input type="submit" value="上传">  
</form>  
</body>  
</html>

2.创建上传处理文件message.jsp,代码如下:

<%@ page contentType="text/html; charset=UTF-8" %>  
<%@ page import="java.io.*"%>  
<%@ page import="java.util.*"%>  
<%@ page import="javax.servlet.*"%>  
<%@ page import="javax.servlet.http.*"%> 

<html>
<title>上传状态 </title> 
<body>  
<%  
//定义上载文件的最大字节  
int MAX_SIZE = 10240 *10240;  
// 创建根路径的保存变量  
String rootPath;  
//声明文件读入类  
DataInputStream in = null;  
FileOutputStream fileOut = null;  
//取得客户端的网络地址  
String remoteAddr = request.getRemoteAddr();  
//获得服务器的名字  
String serverName = request.getServerName();  
//取得互联网程序的绝对地址  
String realPath = request.getRealPath(serverName);  
realPath = realPath.substring(0,realPath.lastIndexOf("\\"));  
//创建文件的保存目录  
rootPath = realPath + "\\upload\\";  
//取得客户端上传的数据类型  
String contentType = request.getContentType();  
try{  
if(contentType.indexOf("multipart/form-data") >= 0){  
//读入上传的数据  
in = new DataInputStream(request.getInputStream());  
int formDataLength = request.getContentLength();  
if(formDataLength > MAX_SIZE){  
out.println("<P>上传文件最大不能超过" + MAX_SIZE + "</p>");  
return;  
}  
//保存上传文件的数据  
byte dataBytes[] = new byte[formDataLength];  
int byteRead = 0;  
int totalBytesRead = 0;  
//上传的数据保存在byte数组  
while(totalBytesRead < formDataLength){  
byteRead = in.read(dataBytes,totalBytesRead,formDataLength);  
totalBytesRead += byteRead;  
}  
//根据byte数组创建字符串  
String file = new String(dataBytes,"UTF-8");   
//取得上传的数据的文件名  
String saveFile = file.substring(file.indexOf("filename=\"") + 10);  
saveFile = saveFile.substring(0,saveFile.indexOf("\n"));  
saveFile = saveFile.substring(saveFile.lastIndexOf("\\") + 1,saveFile.indexOf("\""));  
int lastIndex = contentType.lastIndexOf("=");  
//取得数据的分隔字符串  
String boundary = contentType.substring(lastIndex + 1,contentType.length());  
//创建保存路径的文件名  
String fileName = rootPath + saveFile;  
int pos;  
pos = file.indexOf("filename=\"");  
pos = file.indexOf("\n",pos) + 1;  
pos = file.indexOf("\n",pos) + 1;  
pos = file.indexOf("\n",pos) + 1;  
int boundaryLocation = file.indexOf(boundary,pos) - 4;  
//out.println(boundaryLocation);  
//取得文件数据的开始的位置  
int startPos = ((file.substring(0,pos)).getBytes()).length;  
//out.println(startPos);  
//取得文件数据的结束的位置  
int endPos = ((file.substring(0,boundaryLocation)).getBytes()).length;  
//out.println(endPos);  
//检查上载文件是否存在  
File checkFile = new File(fileName);  
if(checkFile.exists()){  
out.println("<p>" + saveFile + "文件已存在.</p>");  
}  
//检查上载文件的目录是否存在  
File fileDir = new File(rootPath);  
if(!fileDir.exists()){  
fileDir.mkdirs();  
}  
//创建文件的写出类  
fileOut = new FileOutputStream(fileName);  
//保存文件的数据  
fileOut.write(dataBytes,startPos,(endPos - startPos));  
fileOut.close();  
out.println(saveFile + "文件上传成功.</p>");
out.println("<p>文件大小为"+formDataLength/1024 + "KB.</p>"); 
}else{  
String content = request.getContentType();  
out.println("<p>上传的数据类型不是multipart/form-data</p>");  
}  
}catch(Exception ex){  
throw new ServletException(ex.getMessage());  
}  
%>  
</body>  
</html>

3.打开 Tomcat 服务器。
4.打开浏览器输入地址:http://10.31.72.4:8080//upload.jsp或者http://localhost:8080//upload.jsp或者http://127.0.0.1:8080//upload.jsp
这里写图片描述

实现网页自适应窗口大小的完整技术教程 在响应式设计中,根据不同的屏幕尺寸定义多个断(breakpoints)是一个常见做法。断是媒体查询的临界,它定义了当视口达到某个特定宽度时,样式将会改变。一个简单的断定义例子:在上述例子中,我们根据屏幕宽度设置了一个递减的断序列,以保证在不同屏幕尺寸下页面布局均能良好显示 阅读详情

相关推荐

利用JSP和Servlet实现网页头像上传功能

htmltable {th, td {th {pre {简介:在Web应用开发中,使用JSP和Servlet技术来实现用户上传头像的功能十分常见。JSP负责创建包含上传表单的用户界面,而Servlet处理实际的文件上传逻辑,包括验证文件类型和大小,存储文件,并可能更新用户的数据库记录。文章将提供JSP上传表单和Servlet文件处理的实现示例,以及可能需要的文件预览和数据库操作。掌握这些技术对于开发高效和安全的Web应用程序至关重要。

weixin_42452483的博客 869

JSP上传文件时判断文件大小

JSP上传文件时判断文件大小 我们在JSP处理上传文件时可能会忽略掉判断文件本身的大小,导致上传的文件过大造成处理时间太长等问题,下面是一个简单的例子。 HTML代码: <html> <head> <script> function getFileSize(fileName){ var fso = new ActiveXObject('Scripting.FileSystemObject'); var file = fso.GetFile(fileNa

等风也等你的博客 1164

JSP实现图片上传与前端预览功能

JSP(JavaServer Pages)是一种用于创建动态Web页面的技术,它允许开发者将Java代码嵌入HTML页面中,使得网页内容能够根据用户的请求动态生成。JSP是Java EE(Java Platform, Enterprise Edition)的一部分,通常与Servlet技术一起使用,提供了响应用户交互的另一种方式。与传统的静态页面不同,JSP页面可以包含Java代码片段、指令和脚本元素,这些元素在服务器端被解析并转换成标准的HTML,发送给客户端浏览器。JSP页面通常以.jsp

weixin_35987118的博客 1360

jsp页面使用javascript获取文件大小

http://zhidao.baidu.com/question/87406080 function getFileSize (fileName) { window.oldOnError = window.onerror; window.onerror = function (err) { if (err.indexOf('utomation') != -1) { alert

crazy_fire 2296

JSP+mysql实现大段文字的存储与显示

实现小说阅读站,在线阅读功能——章节的添加与显示 目标:实现1000字以上的文章的后台上传,数据库存储与前台显示 一.建立数据库表: DROP TABLE IF EXISTS `chapter`; CREATE TABLE `chapter` ( `chapter_id` int(11) NOT NULL auto_increment, `chapter_name` varchar(

独恋幽兰的专栏 4483

jsp,Struts中大段文本内容的显示问题

本文转载自:http://www.host01.com/article/jsp/00040005/057211180557767.htm 在类似留言板的web应用中,需要将中的大段文字显示Jsp页面上,因此需要对文字中的特殊字符如换行、空格的作处理,方法如下: 1、直接保存,然后当从数据库中取来时用过滤方法过滤一遍再送回页面即可,给一段代码,看了就明白了,可以自己扩充 public s

草根的理想 1162

jsp:超字数显示省略号;鼠标悬停显示完整文本

jsp/css/struts2实现字数显示省略号;鼠标悬停显示完整文本

夏至的博客 1万+

通过JSP实现:从网页上载一个文本文件,能显示上传成功。之后一个按钮能在网页显示文本文件大小(字节数)。

通过JSP实现:从网页上载一个文本文件,能显示上传成功。之后一个按钮能在网页显示文本文件大小(字节数)。 1、启动tomcat,如图所示: 2、用Editplus编辑代码,代码如下: yb.jsp &lt;%@ page contentType="text/html; charset=UTF-8" %&gt; &lt;%@ page import="java.io....

杨丙的博客 794

通过JSP实现:从网页上载一个文本文件,能显示上传成功。之后一个按钮能在网页显示文本文件大小(字节数)

1.启动tomcattomcat的bin目录下找到startup.bat,双击打开。 2.用Editplus编辑代码,保存在E:\tomcat\apache-tomcat-7.0.88\webapps\ROOT该目录下。 (本次任务包含两部分代码,分别保存为uu.jsp和upload.jsp) uu.jsp代码如下: &amp;amp;lt;%@ page contentType=&amp;quot;te...

张海玲的博客 1036

JSPJSP学习(四)——上传文件JSP网页显示文件大小

发过火

杨贵安的博客 1122

jsp网页全屏显示、退全屏、关闭页面(转载)

JSP网页全屏显示、退全屏、关闭页面 全屏显示 --------------------------------------------------------------------------------------------------------------------------------------------------------------------

u012668297的专栏 1003

JSP总结之六:创建第一个简单的JSP页面

 手工创建1、在Tomcat 6.0的安装目录的webapps目录下新建一个目录,起名叫myapp。2、在myapp目录下新建一个目录WEB-INF,注意,目录名称是区分大小写的。3、WEB-INF下新建一个文件web.xml,内容如下:       My Web Application            An application for test.

Dean Chen的专栏 5万+

input文本框设置字体大小后导致按钮位置偏移解决方案

今天写一个搜索框,遇到一小问题,记录一下。 设置文本框和按钮在一行显示,两者高度一致,当设置文本框字体大小后,按钮位置发生偏移,如下图所示: 设置文本框字体大小前: 设置文本框字体大小后: 按钮位置明显向下偏移,网上查了一下,给文本框设置大小的同时,再设置垂直对齐方式为top即可,即 vertical-align: top; demo代码如下: <!DOCTYPE html> <html lang="en"> <head> <me

zhang338448的博客 3574

通过JSP网页上上传文件

本文目的:通过JSP实现网页上传一个文本文件,能显示上传成功,并且一个按钮能在网页显示文本文件大小(字节数)。 1. 创建JSP文件 JSP可以通过HTML的form表单上传文件到服务器。 文件类型可以是文本文件、二进制文件、图像文件等其他任何文档。 1)在D:\apache-tomcat-9.0.8\webapps\ROOT(根据你安装的位置)目录中创建文件上传表单“uploa...

姚明明的博客 4248

网页常用的JSP/脚本

1.文本框焦问题 onBlur:当失去输入焦后产生该事件 onFocus:当输入获得焦后,产生该文件 Onchange:当文字改变时,产生该事件 Onselect:当文字加亮后,产生该文件 击时文字消失,失去焦时文字再现 2.网页按钮的特殊颜色 3.鼠标移入移时颜色变化 4.平面按钮 5.按钮颜色...

iteye_8072的博客 811

关于jsp网页窗口[很多种方法......]

各种弹页面的设计 【1、普通的弹窗口】 其实代码非常简单: &lt;SCRIPTLANGUAGE=javascript&gt; &lt;!-- window.open('page.html') --&gt; &lt;/SCRIPT&gt;   因为这是一段javascripts代码,所以它们应该放在&lt;SCRIPTLANGUAGE=javascript&gt...

qq_34266804的博客 9302

jsp+session实现猜数字游戏

.使用JSP编写页面。生成一个100之内的随机数。JSP显示一个文本框,用户输入数字。击提交按钮。如果用户输入比随机数大了,则显示“大了”,如果用户输入比该随机数小了,则显示“小了”,如果相等,则显示“猜对了”。 可以进行多次猜测,直到正确位置(只使用JSP技术,可显示猜测次数。 提示:使用session保存数据) 源码: NewFile.jsp: <%@pagelanguage=...

psjasf1314的博客 5059

jsp单选按钮传递jsp_Servlet 和jsp面试题 046

一、、jsp有哪些内置对象作用分别是什么 答:JSP共有以下9种基本内置组件(可与ASP的6种内部组件相对应):   request 用户端请求,此请求会包含来自GET/POST请求的参数 response 网页传回服务器端的回应 pageContext 网页的属性是在这里管理 session 与请求有关的会话期 application : 服务器启动时创建,服务器关闭时停止,为多个应用程序保存信...

weixin_36280540的博客 288
上一篇: 将英汉词典数据库放入MySQL数据库中,并将数据库中“以A开头的单词”显示在JSP网页上
下一篇: 用JSP实现一个查询单词的网页
杨陈菊
博客等级 码龄8年 6954粉丝 87原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值