通过JSP从网页上上传文件

本文目的:通过JSP实现从网页上传一个文本文件,能显示上传成功,并且点一个按钮能在网页上显示出该文本文件的大小(字节数)。

1. 创建JSP文件

JSP可以通过HTML的form表单上传文件到服务器。 文件类型可以是文本文件、二进制文件、图像文件等其他任何文档。

1)在D:\apache-tomcat-9.0.8\webapps\ROOT(根据你安装的位置)目录中创建文件上传表单“upload.jsp”.

以下为要注意的点:
- form表单 method 属性必须设置为 POST 方法 ,不能使用 GET 方法。
- form表单 enctype 属性需要设置为 multipart/form-data。
- form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址。例如 test3.jsp 程序文件用来处理上传的文件。
上传文件元素需要使用 input标签,属性设置为 type=”file”。

upload.jsp内容如下:

<%@ page contentType="text/html;charset=UTF-8"%>  
<html>  
<title>文件上传</title>  
<body>  
<h2>上传文件</h2>  
<form action="test3.jsp" method="post" enctype="multipart/form-data">  
<%-- 类型enctype用multipart/form-data,这样可以把文件中的数据作为流式数据上传,不管是什么文件类型,均可上传。--%>  
<b>选择文件上传:</b> <br/>
<input type="file" name="upfile" size="50">  
<br/>
<br/>
<input type="submit" value="开始上传">  
</form>  
</body>  
</html>

2)在D:\apache-tomcat-9.0.8\webapps\ROOT(根据你安装的位置)目录中创建后台处理文件“test3.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 = 102400 * 102400;  
// 创建根路径的保存变量  
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>

2. 启动Tomcat

双击bin目录下的“startup.bat”,或者在bin目录下打开命令窗口,输入“startup.bat”,回车。 这里写图片描述
这里写图片描述

3. 用浏览器打开JSP网页

在浏览器地址栏中输入http://localhost:8080/upload.jsp,选中要上传的文件,点击“开始上传”,可显示上传成功,并显示出该文件的大小。
这里写图片描述

猜你喜欢

转载自blog.csdn.net/mingzhuo_126/article/details/80745415