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

一、前台上传文件(ajax上传)


<input type="file" name="annexUrl" id="annexUrl" multiple="multiple"/>


其中multiple=“multiple”,设置文件多上传


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()方法是用来保存上传之后返回过来的文件路径,保存到数据库,便于下载。

二、后台接收文件,并上传至服务器


//    多文件上传,返回一个对象集合(附件地址,名称)
    @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返回给前台。