您的位置:首页 > Web前端 > JavaScript

用JSP+servlet实现文件的上传与下载

2016-08-06 13:51 721 查看
       现在看来使用JSP+Servlet实现文件的上传与下载已经是有些落后了,现在能很方便实现文件的上传与下载插件和工具有很多,常用的有SmartUpload插件、Struts2框架以及富文本编辑器等等。但是作为一个合格的程序员,我认为还是有必要了解一下使用JSP+Servlet最原始的读取文件流来实现文件的上传与下载。下面我简单讲下!

        要使用JSP通过表单实现文件的上传与下载,首先就必须要了解enctye这个属性,enctype 属性是规定在发送到服务器之前应该如何对表单数据进行编码。enctype常用的属性值有3个:第一个是application/x-www-form-urlencoded,这是默认的编码方式,它只处理表单域里的value属性值,采用这种编码方式的表单会将表单域的值处理成URL编码方式,第二种是multipart/form-data,这种编码方式的表单会以二进制流的方式来处理表单数据,同时,这种编码方式也会把文件域指定文件的内容封装到请求参数里,第三种就是text/plain,这种方式主要适合用于直接通过表单发送邮件的方式。

        我们要使用JSP实现文件的上传和下载,这里的enctype属性的属性值一定要选multipart/form-data,让表单提交的数据以二进制编码的方式提交,在接收此请求的Servlet中用二进制流来获取内容,就可以取得上传文件的内容,从而实现文件的上传。

下面写个小例子:

先贴出前台页面代码:

<!DOCTYPE html >
<html>
<head>
<meta charset="UTF-8">
<title>使用JSP+Servlet实现文件的上传下载</title>
</head>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<body>
<h2>使用JSP+Servlet实现文件的上传下载</h2>
<form action="uploadServlet" method="post" enctype="multipart/form-data" >
请选择文件:<input id="file" name="file" type="file" />
<input type="submit" value="上传"  />${result}
</form>
下载:<a href="downloadServlet?filename=FileTest.txt">fileTest.txt</a> ${errorResult}
</body>
</html>
             这里一定要注意,表单的method一定要使用post方式,其它的就很简单了,至于${result}这种语句是EL表达式。实现上传文件的UploadServlet的代码:
package com.dw.servlet;

import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.RandomAccessFile;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class UploadServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public UploadServlet() {
super();
}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request,response);
}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");//更改响应字符流使用的编码,还能告知浏览器用什么编码进行显示

//从request中获取文本输入流信息
InputStream fileSourceStream = request.getInputStream();
String tempFileName = "F:/tempFile";

//设置临时文件,保存待上传的文本输入流
File tempFile = new File(tempFileName);

//outputStram文件输出流指向这个tempFile
FileOutputStream outputStream = new FileOutputStream(tempFile);

//读取文件流
byte temp[] = new byte[1024];
int n;
while(( n = fileSourceStream.read(temp)) != -1){
outputStream.write(temp, 0, n);
}
outputStream.close();
fileSourceStream.close();

//获取上传文件的名称
RandomAccessFile randomFile = new RandomAccessFile(tempFile,"r");
randomFile.readLine();
String str = randomFile.readLine();
int start = str.lastIndexOf("=") + 2;
int end = str.lastIndexOf("\"");
String filename = str.substring(start, end);

//定位文件指针到文件头
randomFile.seek(0);
long startIndex = 0;
int i = 1;
//获取文件内容的开始位置
while(( n = randomFile.readByte()) != -1 && i <=4){
if(n == '\n'){
startIndex = randomFile.getFilePointer();
i ++;
}
}
startIndex = startIndex -1; //这里一定要减1,因为前面多读了一个,这里很容易忽略
//获取文件内容结束位置
randomFile.seek(randomFile.length());
long endIndex = randomFile.getFilePointer();
int j = 1;
while(endIndex >=0 && j<=2){
endIndex--;
randomFile.seek(endIndex);
if(randomFile.readByte() == '\n'){
j++;
}
}

//设置保存上传文件的路径
String realPath =  "F:/file";
File fileupload = new File(realPath);
if(!fileupload.exists()){
fileupload.mkdir();
}
File saveFile = new File(realPath,filename);
RandomAccessFile randomAccessFile = new RandomAccessFile(saveFile,"rw");
//根据起止位置从临时文件中读取文件内容
randomFile.seek(startIndex);
while(startIndex < endIndex){
randomAccessFile.write(randomFile.readByte());
startIndex = randomFile.getFilePointer();
}
//关闭输入输出流并 删除临时文件
randomAccessFile.close();
randomFile.close();
tempFile.delete();

request.setAttribute("result", "文件上传成功");
RequestDispatcher dispatcher = request.getRequestDispatcher("index.jsp");
dispatcher.forward(request, response);
}

}
         在这个uploadServlet处理文件中,代码其实也很简单,就是处理接收到的数据流,具体步骤我在代码中注释的很清楚,一步一步来,很容易实现文件的上传,需要特别注意的是,上传的文件浏览器是使用什么的格式显示以及暂存我们的文件的。如下图:

     


        这个格式是固定不变的,不要忽略其中的空行,所以说截取文件名以及截取文件内容的时候,一定要注意截取的位置,完成到这里,我们就可以实现上传文件了!

     




点击浏览后选择testFile.txt文件,点击上传,会提示上传文件成功!会在指定的存储目录下看到这个文件。

下面再说说文件下载:

       文件下载原理分为三步:第一步需要通过HttpServletResponse.setContentType方法设置响应类型Content- Type头字段的值,让浏览器无法使用某种方式或激活某个程序来处理的MIME类型,我们这里用到的值为application/x- msdownload。第二步需要通过HttpServletResponse.setHeader方法设置响应头Content- Disposition的值为"attachment;filename=文件名"。第三步是读取文件进行下载,需要调用
HttpServletRespnse.getOutputStream方法返回的ServletOutputStream对象来向客服端写入附件文件的内容。

实现下载文件DownloadServlet的源代码:
package com.dw.servlet;

import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class DownloadServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public DownloadServlet() {
super();
}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");

//获取文件下载路径
String path = "F:/file/";
String filename = request.getParameter("filename");
File file = new File(path + filename);
if(file.exists()){
//设置相应类型让浏览器知道用什么打开  用application/octet-stream也可以,看是什么浏览器
response.setContentType("application/x-msdownload");
//设置头信息
response.setHeader("Content-Disposition", "attachment;filename=\"" + filename + "\"");
InputStream inputStream = new FileInputStream(file);
ServletOutputStream ouputStream = response.getOutputStream();
byte b[] = new byte[1024];
int n ;
while((n = inputStream.read(b)) != -1){
ouputStream.write(b,0,n);
}
//关闭流
ouputStream.close();
inputStream.close();
}else{
request.setAttribute("errorResult", "文件不存在,下载失败!");
RequestDispatcher dispatcher = request.getRequestDispatcher("index.jsp");
dispatcher.forward(request, response);
}
}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request,response);
}

}
当我们点击下载按钮是,会弹出下载框,如下图:



点击保存文件,就可以保存文件到任意的路径,这里保存到桌面,可以看出,文件并没有出现乱码,下载成功!



下面贴出web.xml文件:



好了,就先讲到这里!

下载源代码:https://github.com/zhanlong-dw/fileuploadanddownload
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息