前后端分离下文件的上传的实现

前段时间写毕业设计时，需要写一个文件的上传下载功能。作为一个刚入门JAVA不久的菜鸟，除了知道使用IO流来实现文件的上传下载，完全没思路。在GitHub上阅读了一些大佬分享的代码后，慢慢整理思路。感谢大佬们的无私的分享代码。

1.前端

因为学的是后端开发，自己去写前端实在是丑的不忍直视，所以本次我使用了iview框架。不得不说，真的挺方便的，只需要去官网复制组件代码就可以了。iview向我们提供了许多用于文件上传的组件，并且有详细的文档提供给我们。因此前端写起来十分方便。

2.后端

由于业务需要，在上传文件的时候，同时传入了一个表单里的信息，方便储存到数据库里，一开始不知道如何接受，因此我们打一个断点来查看文件传入是如何传入的。
前端发送的请求

在后端接受的数据

我们可以看到数据是通过一个map来传递的，由此，我们可以通过key去得到传入的值。而文件我们则可以通HttpServletRequest里封装的方法getPart去获得上传的文件。在得到文件和表单信息后，就简单了，使用IO流将文件保存到我们想要保存的位置，再把路径信息和表单里的信息保存到数据库里，文件上传的功能就实现了。需要注意的是最后一定要在使用flush去清空缓冲区的数据流后再去关闭读取流，否则可能导致数据的丢失。

        Part file = req.getPart("file");
        String submittedFileName = file.getSubmittedFileName();
        String url = "H:\\**\\**\\"+submittedFileName;
        FileOutputStream out = new FileOutputStream(url);
        InputStream inputStream = file.getInputStream();
        BufferedInputStream bis = new BufferedInputStream(inputStream);
        byte[] buffer = new byte[1024*10];
        int i = bis.read(buffer);
        while (i != -1) {
            out.write(buffer,0, i);
            i = bis.read(buffer);
            out.flush();
        }
        bis.close();
        inputStream.close();
        out.close();

        fileMapper.insertSelective(file1);
        return "success";

这里就是文件上传部分的代码。至于关于表单里数据的提取和储存到数据库里就不写出来了，每个人的都不一样。
作为一个JAVA开发的菜鸟，欢迎各位大佬指出文章和代码里不足的地方。