什么是文件上传？
文件上传就是把用户的信息保存起来。
为什么需要文件上传？
在用户注册的时候，可能需要用户提交照片。那么这张照片就应该要进行保存。
上传组件(工具) 为什么我们要使用上传工具？
为啥我们需要上传组件呢？当我们要获取客户端的数据，我们一般是通过getparameter()方法来获取的。
上传文件数据是经过mime协议进行分割的，表单进行了二进制封装。也就是说：getparameter()无法获取得到上传文件的数据。
我们首先来看看文件上传http是怎么把数据带过去的
jsp页面，表单一定要指定enctype:multipart/form-data
|
1
2
3
4
5
6
|
<form action="${pagecontext.request.contextpath }/servlet/uploadservlet1" enctype="multipart/form-data" method="post">
上传用户：<input type="text" name="username"><br/>
上传文件1：<input type="file" name="file1"><br/>
上传文件2：<input type="file" name="file2"><br/>
<input type="submit" value="提交">
</form>
|
http抓包
尝试在servlet上使用getparameter()获取数据
|
1
2
|
string ss = request.getparameter("username");
system.out.println(ss);
|
直接使用getparameter是获取不到数据的。
那么我们要怎么办呢？？？？request对象提供了servletinputstream流给我们读取数据
我们试着读取下文件
|
1
2
3
4
5
6
7
8
|
servletinputstream inputstream = request.getinputstream();
byte[] bytes = new byte[1024];
int len = 0;
while ((len = inputstream.read(bytes)) > 0) {
system.out.println(new string(bytes, 0, len));
}
|
在jsp页面多增添一个input控件
|
1
|
<input type="text" name="password">
|
我上传的文本文件内容就是111111，读取效果如下：
现在我们能够读取上传文件的数据了，但是现在问题又来了：怎么把文件上传个数据和普通传送给服务器的数据分割开来呢？？？上面在图上我们已经看到了，他们是混合在一起的。
按我们平常的做法是很难分割开来的，所以我们需要上传组件
上传组件有两种 fileupload【操作比较复杂】 samrtupload【操作比较简单】 fileupload
要使用fileupload组件，就需要导入两个jar包
commons-io commons-fileupload 开发步骤 创建解析器工厂对象【diskfileitemfactory】通过解析器工厂创建解析器【servletfileupload】调用解析器方法解析request对象，得到所有上传的内容【list】遍历list，判断每个对象是否是上传文件 如果是普通表单字段，得到字段名和字段值如果是上传文件，调用inputsteam方法得到输入流，读取上传的数据 快速入门
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
try{
//1.得到解析器工厂
diskfileitemfactory factory = new diskfileitemfactory();
//2.得到解析器
servletfileupload upload = new servletfileupload(factory);
//3.判断上传表单的类型
if(!upload.ismultipartcontent(request)){
//上传表单为普通表单，则按照传统方式获取数据即可
return;
}
//为上传表单，则调用解析器解析上传数据
list<fileitem> list = upload.parserequest(request); //fileitem
//遍历list，得到用于封装第一个上传输入项数据fileitem对象
for(fileitem item : list){
if(item.isformfield()){
//得到的是普通输入项
string name = item.getfieldname(); //得到输入项的名称
string value = item.getstring();
system.out.println(name + "=" + value);
}else{
//得到上传输入项
string filename = item.getname(); //得到上传文件名 c:\documents and settings\thinkpad\桌面\1.txt
filename = filename.substring(filename.lastindexof("\\")+1);
inputstream in = item.getinputstream(); //得到上传数据
int len = 0;
byte buffer[]= new byte[1024];
string savepath = this.getservletcontext().getrealpath("/upload");
fileoutputstream out = new fileoutputstream(savepath + "\\" + filename); //向upload目录中写入文件
while((len=in.read(buffer))>0){
out.write(buffer, 0, len);
}
in.close();
out.close();
}
}
}catch (exception e) {
e.printstacktrace();
}
|
测试 普通的字段和上传的文件都能读取得到了！
smartupload
要使用smartupload组件，就需要导入smartupload.jar开发包
快速入门
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
//实例化组件
smartupload smartupload = new smartupload();
//初始化上传操作
smartupload.initialize(this.getservletconfig(), request, response);
try {
//上传准备
smartupload.upload();
//对于普通数据，单纯到request对象是无法获取得到提交参数的。也是需要依赖smartupload
string password = smartupload.getrequest().getparameter("password");
system.out.println(password);
//上传到uploadfile文件夹中
smartupload.save("uploadfile");
} catch (smartuploadexception e) {
e.printstacktrace();
}
|
测试
同样地，我们可以上传文件到uploadfile文件夹中。代码量也的确减少很多！
也能够获取普通字段的参数
上传文件名的中文乱码和上传数据的中文乱码 我把文件名改成中文，就乱码了：
表单提交过来的中文数据也乱码了。
上面已经说了，上传文件的数据的表单进行了二进制封装，所以使用request对数据编码编码，对于表单提交过来的数据是不奏效的！
fileupload解决乱码
使用fileupload解决乱码问题是十分简单的
解决中文文件名乱码，得到解析器以后，就直接设置解析器的编码为utf-8就行了！
|
1
2
|
//设置upload的编码
fileupload.setheaderencoding("utf-8");
|
解决表单数据乱码，在获取表单值的时候，按照utf-8编码来获取
|
1
|
string value = fileitem.getstring("utf-8");
|
效果：
smartupload解决乱码
这个组件解决乱码问题有点麻烦，在网上找了各种办法也没找到简单的......
所以，如果数据不涉及到中文就使用smartupload组件，涉及到中文数据就使用fileupload组件吧！
多个文件上传，动态添加上传控件
假设我现在有多个文件要上传，而且要上传的个数是不确定的。那么我们要怎么办呢？？？
我们不可能列出很多很多个上传文件的控件在页面上，这样不美观。如果用户用不到那么多个控件，也浪费呀。
所以，我们想要动态地增添上传文件的控件，如果用户还想要上传文件，只需要动态地生成控件出来即可！
分析
要想在页面上动态地生成控件，无非就是使用javascript代码。
那么我们要怎么做呢？？
这样子吧：当用户想要上传文件的时候，就点击按钮，按钮绑定事件，生成文件上传的控件。
为了做得更加完善，每当生成了文件上传的控件，也提供一个删除按钮，删除该控件！
我们应该使用div装载着我们要生成的控件和删除按钮，而用户点击删除的时候，应该是要把删除按钮和文件上传控件都一起隐藏起来的。所以，最好就是使用嵌套div！
代码 页面代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<table>
<tr>
<td>上传用户：</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td>添加上传文件</td>
<td><input type="button" value="添加上传文件"> </td>
</tr>
<tr>
<td>
<div>
</div>
</td>
</tr>
</table>
|
javascript代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<script type="text/javascript">
function adduploadfile() {
//生成文件上传控件
var input = document.createelement("input");
input.type = 'file';
input.name = 'filename';
//生成删除按钮
var del = document.createelement("input");
del.type = 'button';
del.value = '删除';
//生成内部的div
var innerdiv = document.createelement("div");
//将两个控件绑定到内部div上
innerdiv.appendchild(input);
innerdiv.appendchild(del);
//得到外部div控件，并将内部div绑定到外部div上
var outterdiv = document.getelementbyid("file");
outterdiv.appendchild(innerdiv);
//为删除按钮绑定事件
del.onclick = function dele() {
//调用外界div的remove方法把内部的div干掉
this.parentnode.parentnode.removechild(this.parentnode);
}
}
</script>
|
文件上传细节 如果上传文件的大小大于我们设定文件的大小，那么文件在上传的时候会使用临时文件保存上传数据。在上传完毕后，我们应该删除临时文件上传文件的位置是不能在web服务器管理之下的，否则可能造成安全问题【其他人有可能通过手段来修改上传文件】如果上传文件名相同，那么就会把原本的上传文件覆盖掉。我们要生成一个独一无二的文件名。如果用户量很大，上传文件非常多。那么我们不应该在一个目录保存所有的上传文件，这样很可能造成磁盘奔溃了。所以我们要把上传的文件打散到不同的目录下。 分析
删除临时文件问题是非常简单的，只需要在所有的操作完毕之后，调用fileitem的delete()方法即可
让上传文件的位置不能在web服务器管理之下，我们把上传文件的位置放到web-inf/目录下即可！
文件名相同的问题，我们可以使用uuid+用户上传的文件名来作为我们保存上传文件名。这样的文件名就是独一无二的了。
要将上传的文件进行打散，那么我们需要使用hashcode算法来进行打散。
低四位生成一级目录 5-8位生成二级目录 代码
下面我们写一个比较完善的上传文件代码
用hashcode算法来打散保存的目录
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
private string makedirpath(string filename, string path) {
//通过文件名来算出一级目录和二级目录
int hashcode = filename.hashcode();
int dir1 = hashcode & 0xf;
int dir2 = (hashcode & 0xf0) >> 4;
string dir = path + "\\" + dir1 + "\\" + dir2;
//如果该目录不存在，就创建目录
file file = new file(dir);
if (!file.exists()) {
file.mkdirs();
}
//返回全路径
return dir;
}
|
生成独一无二的文件名
|
1
2
3
4
5
6
|
private string makefilename(string filename) {
//使用下划线把uuid和文件名分割开来，后面可能会解析文件名的。
return uuid.randomuuid().tostring() + "_"+ filename;
}
|
上传的代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
//创建工厂
diskfileitemfactory factory = new diskfileitemfactory();
//通过工厂创建解析器
servletfileupload fileupload = new servletfileupload(factory);
//设置upload的编码
fileupload.setheaderencoding("utf-8");
//判断上传表单的类型
if(!fileupload.ismultipartcontent(request)){
//上传表单为普通表单，则按照传统方式获取数据即可
return;
}
try {
//解析request对象，得到list【装载着上传的全部内容】
list<fileitem> list = fileupload.parserequest(request);
//遍历list，判断装载的内容是普通字段还是上传文件
for (fileitem fileitem : list) {
//如果是普通输入项
if (fileitem.isformfield()) {
//得到输入项的名称和值
string name = fileitem.getfieldname();
string value = fileitem.getstring("utf-8");
system.out.println(name + " = " + value);
} else {
//如果是上传文件
//得到上传名称【包括路径名】
string filename = fileitem.getname();
//截取文件名
filename = filename.substring(filename.lastindexof("\\") + 1);
//生成独一无二的文件名
filename = makefilename(filename);
inputstream inputstream = fileitem.getinputstream();
//得到项目的路径，把上传文件写到项目中
string path = this.getservletcontext().getrealpath("/web-inf/uploadfile");
//得到分散后的目录路径
string realpath = makedirpath(filename, path);
fileoutputstream outputstream = new fileoutputstream(realpath + "\\" + filename);
byte[] bytes = new byte[1024];
int len = 0;
while ((len = inputstream.read(bytes)) > 0) {
outputstream.write(bytes, 0, len);
}
inputstream.close();
outputstream.close();
//删除临时文件的数据
fileitem.delete();
}
}
} catch (fileuploadexception e) {
e.printstacktrace();
}
|
效果： 成功把目录打散，文件名也是独一无二的了。
列出上传目录下的文件，提供下载
在讲解respose对象的时候已经讲解过文件下载了。这次我们就直接写一个小案例来巩固文件下载把。
上传目录下的文件有3个
分析
首先，要把目录下的文件都列出来。由于后面要根据文件名对文件进行下载，所以我们用一个map集合来保存所有的文件
下载文件部分也很简单，根据文件名和上传文件位置找到对应的文件，对其进行读写，然后修改消息头实现下载就好了。
得到装载上传文件的路径，通过递归把所有的文件都查找出来（判断是否是文件就是递归出口），装载到map集合中将map集合传到前台做展示用户点击下载的时候，再根据原名来获取绝对路径如果该资源是存在的，就允许用户下载 代码 将存放在web-inf/目录下的文件全部放在map集合中
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
protected void dopost(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception {
//得到上传文件的目录
string filepath = this.getservletcontext().getrealpath("/web-inf/uploadfile");
map map = new hashmap();
//使用递归来得到所有的文件，并添加到map集合中
getallfiles(new file(filepath), map);
request.setattribute("map", map);
request.getrequestdispatcher("/listfile.jsp").forward(request, response);
}
private void getallfiles(file filepath, map map) {
//如果不是文件，那么它就是文件夹
if (!filepath.isfile()) {
//列出文件夹下所有的文件（可能是文件，可能是文件夹）
file[] files = filepath.listfiles();
for (file file : files) {
//得到的文件（或者是文件夹）再对其进行判断
getallfiles(file, map);
}
} else {
//进入到else语句了，肯定是文件了
//得到文件名
string filename = filepath.getname().substring(filepath.getname().lastindexof("_") + 1);
//我们将文件全名作为key，文件名作为value保存在map集合中
map.put(filepath.getname(), filename);
}
}
|
在jsp页面中显示可以下载的文件
|
1
2
3
4
5
6
7
8
|
<c:foreach items="${map}" var="me">
<c:url var="url" value="/downfileservlet">
<c:param name="filename" value="${me.key}"></c:param>
</c:url>
${me.value}<a href="${url}" rel="external nofollow" >下载！</a><br>
</c:foreach>
|
实现下载的servlet
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
protected void dopost(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception {
//得到文件的全名
string filename = request.getparameter("filename");
//如果是中文数据，需要转码。
filename = new string(filename.getbytes("iso8859-1"), "utf-8");
//得到保存文件的位置
string path = this.getservletcontext().getrealpath("/web-inf/uploadfile");
//文件是通过文件名进行hashcode打散保存的，通过文件名拿到文件绝对路径
string filerealpath = makefilepath(filename, path);
system.out.println(filerealpath);
//判断文件是否存在
file file = new file(filerealpath);
if (!file.exists()) {
request.setattribute("message", "您要下载的资源不存在了！");
request.getrequestdispatcher("/message.jsp").forward(request, response);
return ;
}
//存在
//读取该文件并把数据写给浏览器
fileinputstream inputstream = new fileinputstream(filerealpath);
byte[] bytes = new byte[1024];
int len = 0;
while ((len = inputstream.read(bytes)) > 0) {
response.getoutputstream().write(bytes, 0, len);
}
inputstream.close();
//设置消息头，告诉浏览器，这是下载的文件
string name = filename.substring(filename.lastindexof("_") + 1);
response.setheader("content-disposition","attachment;filename=" + urlencoder.encode(name, "utf-8"));
}
private string makefilepath(string filename, string path) {
int hashcode = filename.hashcode();
int dir1 = hashcode & 0xf;
int dir2 = (hashcode & 0xf0) >> 4;
string dir = path + "\\" + dir1 + "\\" + dir2 +"\\"+ filename;
return dir;
}
|
效果
如果文章有错的地方欢迎指正，大家互相交流。感谢大家对服务器之家的支持。
原文链接：https://www.cnblogs.com/Java3y/p/8428591.html