Day5-1 文件上传/下载介绍及代码实现

文件上传下载

文件上传介绍

• 文件上传，也称为upload，是指将本地图片、视频、音频等文件上传到服务器上，可以供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛，我们经常发微博、发微信朋友圈都用到了文件上传功能。

• 文件上传时，对页面的form表单有如下要求：
  

• 举例：
  
  目前一些前端组件库也提供了相应的上传组件，但是底层原理还是基于form表单的文件上传。
  例如ElementUI中提供的upload上传组件：
  

• 服务端要接收客户端页面上传的文件，通常都会使用Apache的两个组件：
  

• Spring框架在spring-web包中对文件上传进行了封装，大大简化了服务端代码，我们只需要在Controller的方法中声明一个MultipartFile类型的参数即可接收上传的文件，但是底层还仍然用的是Apache的commons-fileupload和common-io，例如：
  

文件下载介绍

文件下载，也称为download，是指将文件从服务器传输到本地计算机的过程。
通过浏览器进行文件下载，通常有两种表现形式：

• 以附件形式下载，弹出保存对话框，将文件保存到指定磁盘目录
• 直接在浏览器中打开

通过浏览器进行文件下载，本质上就是服务端将文件以流的形式写回浏览器的过程。

上传实现代码

1.前端代码

文件上传，我们作为服务端工程师，主要关注服务端代码实现。对于前端页面，可以使用ElementUI提供的上传组件。启动项目，访问上传页面。

• 在上述的浏览器抓取的网络请求中，上传文件的调用url，在哪里配置的呢，这个时候，我们需要去看一下前端上传组件。
  
• 虽然上述是ElementUI封装的代码，但是实际上最终还通过file域上传文件，如果未指定上传文件的参数名，默认为file。
  

2.服务端实现

1). application.yml
需要在application.yml中定义文件存储路径

reggie:
  path: D:\img\

2). CommonController
编写文件上传的方法, 通过MultipartFile类型的参数即可接收上传的文件, 方法形参的名称需要与页面的file域的name属性一致。

• 上传逻辑:
  1). 获取文件的原始文件名, 通过原始文件名获取文件后缀
  2). 通过UUID重新声明文件名, 文件名称重复造成文件覆盖
  3). 创建文件存放目录
  4). 将上传的临时文件转存到指定位置

代码实现：

/***
     * 文件上传
     * @param file
     * @return
     */

//	************这里为引入application中的路径**********
    @Value("${reggie.path}")
    private