博主最近在做一个内网项目,内部可以访问外部数据,但是外部访问不了内部数据,这也就造成了可能文件无法上传,所以博主另辟蹊径,在本地服务器上建立一个文件夹专门用来存储上传数据。
环境:jdk,tomcat
一、前台上传文件(ajax上传)
1
|
< input type = "file" name = "annexUrl" id = "annexUrl" multiple = "multiple" />
|
其中multiple=“multiple”,设置文件多上传
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
|
function uploadFile() {
var files = document.getElementById( "annexUrl" ).files;
if (files.length != 0 ) {
var formData = new FormData();
for (var i = 0 ; i < files.length; i++) {
var file = files[i];
formData.append(file.name, file);
}
$.ajax({
url: 'cdc/public/saveFiles' ,
type: 'POST' ,
cache: false ,
data: formData,
//这个参数是jquery特有的,不进行序列化,因为我们不是json格式的字符串,而是要传文件
processData: false ,
//注意这里一定要设置contentType:false,不然会默认为传的是字符串,这样文件就传不过去了
contentType: false ,
success: function (data) {
save(data.data);
}
});
} else {
save();
}
}
|
这里需要使用到formData对象用来封装file文件对象,save()方法是用来保存上传之后返回过来的文件路径,保存到数据库,便于下载。
二、后台接收文件,并上传至服务器
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
|
// 多文件上传,返回一个对象集合(附件地址,名称)
@RequestMapping (value = "saveFiles" , method = RequestMethod.POST)
@ResponseBody
public JSONObject saveFiles(HttpServletRequest request, HttpServletResponse response) {
JSONObject jsonObject = new JSONObject();
try {
request.setCharacterEncoding( "UTF-8" );
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
Collection<Part> parts = null ;
try {
parts = request.getParts();
} catch (IOException e) {
e.printStackTrace();
} catch (ServletException e) {
e.printStackTrace();
}
Iterator<Part> iterator = parts.iterator();
// 名称集合,返回给前台
List<String> list = new ArrayList<>();
while (iterator.hasNext()) {
Part part = iterator.next();
// 生成实际存储的真实文件名(唯一)
// 不知道为什么,文件上传必须得包含获取到的文件名,否则报文件名、目录名或卷标语法不正确,图片上传没有这种限制
// 文件名,保存导数据库,用来界面显示
String name = part.getName();
String realName = UUID.randomUUID().toString() + name;
list.add(name + "&&" + realName);
///home/tomcat/apache-tomcat-9.0.1/files
String realPath = "D:" + File.separator + "apache-tomcat-8.5.15" + File.separator + "files" ;
// String realPath = "C:" + File.separator + "XHJ224" + File.separator + "software" + File.separator + "apache-tomcat-9.0.1" + File.separator + "files";
// String realPath = File.separator + "home" + File.separator + "tomcat" + File.separator + "apache-tomcat-9.0.1" + File.separator + "files";
File file = new File(realPath);
//如果目录不存在
if (!file.isDirectory()) {
//创建文件上传目录
file.mkdirs();
}
// 文件存放的真实路径
String filePath = realPath + File.separator + realName;
try {
part.write(filePath);
} catch (IOException e) {
e.printStackTrace();
}
}
jsonObject.put( "data" , list);
return jsonObject;
}
|
其中list集合添加了一个由文件名和真实文件名拼接的字符串,后期save需要。realName是为了防止多上传文件名冲突,realPath是文件保存路径,不同的操作系统有不同的路径,realPath最好放在tomcat下,便于项目移植。
其中File.separator为路径分隔符,他能自动识别是哪个操作系统而使用不同的路径分隔符(windows是‘\',linux是‘/')。最后将list返回给前台。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:http://blog.csdn.net/KKKun_Joe/article/details/78338552