JavaWeb中文件上传与下载

发布时间 2023-11-24 14:42:55作者: Xproer-松鼠

一、文件上传
1.文件上传的应用
比如个人信息的管理,上传头像
比如商品信息的管理,上传商品的图片
这些都需要通过浏览器客户端将图片上传到服务器的磁盘上

文件上传原理
所谓的文件上传就是服务器端通过request对象获取输入流,将浏览器端上传的数据读取出来,保存到服务器端

2.客户端浏览器注意事项
1.请求方式必须是 post
2.需要使用组件
3.表单必须设置enctype=“multipart/form-data”

3.服务器端处理
通过request对象,获取InputStream, 可以将浏览器提交的所有数据读取到.

4.上传开源框架-commons-upload
Apache 开源组织提供了一个用来处理表单文件上传的一个开源组件( Commons-fileupload ),该组件性能优异,并且其API使用极其简单,可以让开发人员轻松实现web文件上传功能,因此在web开发中实现文件上传功能,通常使用Commons-fileupload组件实现。

使用Commons-fileupload组件实现文件上传,需要导入该组件相应的支撑jar包:Commons-fileupload和commons-io,
commons-io 不属于文件上传组件的开发jar文件,但Commons-fileupload 组件从1.1 版本开始,它工作时需要commons-io包的支持

5.文件上传案例
在浏览器端创建一个可以上传文件的表单,在服务器端通过commons-fileupload完成文件上传。
浏览器端注意三件事情:
1.表单的method=post
2.设置enctype=multipart/form-date
3.使用具有name属性的file元素
在服务器端
1.创建DiskFileItemFactory
2.创建ServletFileUpload
3.通过ServletFileUpload的parseRequest方法得到所有的FileItem

1.设置浏览器端

<form action="Upload" method="post" enctype="multipart/form-data">
<input type="file" name="photo"/>
<input type="submit" value="上传"/>
</form>

2.在服务器端操作

关键类:
DiskFileItemFactory:ServletFileUpload工厂类
ServletFileUpload:用于处理文件上传的类
IOUtils:文件上传IO流类
BeanUtils:存储表单内文本信息类

//设置乱码
upload.setHeaderEncoding(“UTF-8”);

//ServletFileUpload工厂类
DiskFileItemFactory factory = new DiskFileItemFactory();
//处理文件上传的类
ServletFileUpload upload = new ServletFileUpload(factory);
try {
//获得表带内容
List<FileItem> items = upload.parseRequest(request);
for(FileItem fileItem : items) {
if(!fileItem.isFormField()){//判断非文本信息
FileOutputStream fos = new FileOutputStream("C:\\test.jpg");
IOUtils.copy(fileItem.getInputStream(),fos);//拷贝
fos.close();
}
}
} catch (FileUploadException e) {
e.printStackTrace();
}

完善细节
1.设置保存上传文件的服务器目录

DiskFileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(factory);
try {
List<FileItem> items = upload.parseRequest(request);
for(FileItem fileItem : items) {
if(!fileItem.isFormField()){
//获取项目在当前系统下的路径+"upload"
String path = this.getServletContext().getRealPath("Nupload");
File dir = new File(path);
if(!dir.exists())){/判断文件夹是否存在
dir.mkdirs();
}
String filename = fileItem.getName();//获得当前上传文件的名字
FileOutputStream fos = new FileOutputStream(new File(dir,filename));
IOUtils.copy(fileItem.getInputStream(),fos);fos.close();1
} catch (FileUploadException e) {
e.printStackTrace();
}


2.解决上传文件名是中文的问题,通过item.getName()获取到文件的名称

a)直接将其改名,不用原来的名字
b)保存其中文的名字(注意,一般如果是压缩文件供下载的资源,则可以考虑保留其中文名称,否则一般图片直接展示用的,不建议用中文名来保存)

思考题:文件名重复了怎么办?
问题:覆盖
解决方案:
客户端参与
方案一:做个文件名的唯一性校验,告诉客户端,这个文件名已经存在(不建议)
服务端解决
方案二:重新取个名字(唯一性:时间、UUID)—图片资源
利用时间保证唯一性:System.currentTimeMillis()

6.利用UUID保证唯一性
DiskFileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(factory);
try {
List<FileItem> items = upload.parseRequest(request);
for(FileItem fileItem : items) {
if(!fileItem.isFormField())[
//获取项目在当前系统下的路径+"upload"
String path = this.getServletContext().getRealPath("\\upload");
File dir = new File(path);
if(!dir.exists()){//判断文件夹是否存在
dir.mkdirs();
}
UUID randomUUID = UUID.randomUUID();
String filename = randomUUID + "_" + fileItem.getName();//获得当前上传文件的名字 FileOutputStream fos = new FileOutputStream(new File(dir,filename));
IOUtils.copy(fileItem.getInputStream(),fos);
fos.close();
}


2,方案三:下载电影压缩包,水野朝阳.zip 保留原有的名字

for(FileItem fileItem : items) {
if(!fileItem.isFormField()){
//获取项目在当前系统下的路径+"upload"
String path = this.getServletContext().getRealPath("\\upload");
File dir = new File(path);
if(!dir.exists()){//判断文件夹是否存在
dir.mkdirs();
}
//在原来路径的基础上添加时间路径,做到图片不覆盖的效果
Date date = new Date();
SimpleDateFormat sdf = new SimpleDateFormat("yyyy/M/dd/hhmmss");
String datePath = sdf.format(date);File uploadDir = new File(dir,datePath);
if(!uploadDir.exists())[
uploadDir.mkdirs();
}
String filename = fileItem.getName());//获得当前上传文件的名字
FileOutputStream fos = new FileOutputStream(new File(uploadDir,filename));
IOUtils.copy(fileItem.getInputStream(),fos);fos.close();
}


7.获取完整的表单数据
保存一个完整的表单信息,除了将文件上传到服务器以外,还需要将其他表单项信息保存到对象,并存储到数据中心,而对应的图片信息则保存为保存的路径即可。
那么怎么获取到其他的表单项数据?item.getFileName(),item.getString()
为了更好完成对其他表单项的值的获取,需要借助另一个开源框架 BeanUtils
它除了自身的jar包,还依赖于commons-logging.jar

//创建一个Map来存储普通的表单项数据
Map<String,String>map = new HashMap<>();
//创建一个对象来存储各项数据
Book book = new Book();
for(FileItem item : list){
if(item.isFormField()){
//普通表单项
//System.out.println(item.getFieldName()+":"+item.getString("utf-8"));//实现一个通用的方法来将对应的参数都赋值到对象上
map.put(item.getFieldName(),item.getString("utf-8"));
}else{
//上传文件//创建上传的目录
File dir = new File(this.getServletContext().getRealPath("/upload"));
if(!dir.exists()){
dir.mkdirs();
}
//设置文件名的唯一性
String fileName = item.getName();
fileName = FilenameUtils.getName(fileName);
fileName = UUID.randomUUID()+"_"+fileName;//上传文件
FileOutputStream outputStream = new FileOutputStream(new File(dir, fileName));
IOUtils.copy(item.getInputStream(),outputStream);
book.setImgUrl("upload"+File.separator+fileName);
outputStream.close();
}
item.delete();
}
BeanUtils.populate(book,map);
}


细节:
有复选框的情况怎么办?

String name = fileItem.getFieldName();
String value = fileItem.getString("UTF-8");
if(map.get(name) == null){
map. put(name, value);
}else{
map.put(name, map.get(name)+"," + value);
}

8.多文件上传案例
实现多文件的批量上传

<form action="MultiUpload" method=''post" enctype="multipart/form-data">
<input type="file" name="photo"/>
<input type="file" name="photo"/>
<input type="submit" value="上传"/>
</form>

Ps:展示图片-“upload” + File.separator + datePath + File.separator + filename);

二、文件下载
主要实现方式有两种
1.超链接下载
2.以超练级的方式下载压缩文件
3.以超链接的方式下载图片文件
4.以超链接的方式下载中文文件名的文件
5.Servlet下载

有些超链接搞不定的事情就交给Servlet来搞定
<a href="download\photo.zip">下载photo.zip</a>
<a href="download\pipixia.jpg">下载pipixia.jpg</a>
<a href="DownloadServlet">下载头像.zip</a>


采用流的方式来读和写
设置响应的头部信息(告诉客户端是以附件的形式下载)
response.setHeader(“Content-disposition”, “attachment;fileName=”+fileName);
细节:
下载的文件名是中文怎么办?

String realPath = this.getServletContext().getRealPath("download\\头像.zip");
String fileName = realPath.substring(realPath.lastIndexof(")+1);
fileName = URLEncoder.encode(fileName,"UTF-8");
response.setHeader("Content-disposition","attachment;fileName="+fileName);
FileInputStream fis = new FileInputStream(realPath);
ServletOutputStream outputStream = response.getOutputStream();
byte[] b = new byte[1024];
int len = 0
while((len = fis.read(b)) != -1){
outputStream.write(b,0,len);
}
fis.close();
outputStream.close();
}


三、上传与下载
1.上传

import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.Part;
import java.io.IOException;

@WebServlet(urlPatterns = "/upload")
@MultipartConfig(fileSizeThreshold = 1024*100,maxFileSize = 1024*1024*5,maxRequestSize = 1024*1024*25)
public class UploadServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String bookName= request.getParameter("bookName");
System.out.println("bookName:"+bookName);
Part part= request.getPart("bookPic");
String filename= part.getSubmittedFileName();
String path="/WEB-INF/upload/"+filename;
// 把逻辑路径转成物理路径
// 绝对路径 相对路径不一样的
path=request.getServletContext().getRealPath(path);
System.out.println(path);
part.write(path);
response.getWriter().print(filename+"上传成功");

}
}

 

2.下载

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.*;

@WebServlet(urlPatterns = "/download")
public class DownloadServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String filename="ggc.docx";
String path="/WEB-INF/upload/"+filename;
path=request.getServletContext().getRealPath(path);
File file=new File(path);
//准备好了输入流
InputStream inputStream=new FileInputStream(file);
response.setHeader("Content-Disposition", "attachment;filename="+filename);
//浏览器端的输出流
OutputStream outputStream= response.getOutputStream();
byte[] datas=new byte[1024];
int len=0;
while( (len =inputStream.read(datas))>0){
outputStream.write(datas,0,len);
}
outputStream.close();
inputStream.close();

}
}


3.前端

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>文件上传</title>
</head>
<body>
<form name="frmupload" action="/upload" method="post" enctype="multipart/form-data">
书名:<input name="bookName" type="text"/><br/>
附件: <input name="bookPic" type="file"/><br/>
<input name="btnAdd" type="submit" value="保存"/>
</form>
</body>
</html>

 

参考文章:http://blog.ncmem.com/wordpress/2023/11/24/javaweb%e4%b8%ad%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0%e4%b8%8e%e4%b8%8b%e8%bd%bd/

欢迎入群一起讨论