博主最近在做一个内网项目,内部可以访问外部数据,但是外部访问不了内部数据,这也就造成了可能文件无法上传,所以博主另辟蹊径,在本地服务器上建立一个文件夹专门用来存储上传数据。
环境: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