一、 文件上传


  1.1 上传介绍


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

 

 

文件上传时,对页面的form表单有如下要求:

表单属性 取值 说明
method post 必须选择post方式提交
enctype multipart/form-data 采用multipart格式上传文件
type file 使用input的file控件上传


  1.2 上传前端介绍


  1). 简单html页面表单

<form method="post" action="/common/upload" enctype="multipart/form-data">
<input name="myFile" type="file" />
<input type="submit" value="提交" />
</form>

 



  2). ElementUI中提供的upload上传组件

    目前一些前端组件库也提供了相应的上传组件,但是底层原理还是基于form表单的文件上传。

 

 

  1.3 上传服务端介绍


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

  --commons-fileupload

  --commons-io

  而Spring框架在spring-web包中对文件上传进行了封装,大大简化了服务端代码,我们只需要在Controller的方法中声明一个MultipartFile类型的参数即可接收上传的文件,例如:

/**
 * 文件上传
 * @param file
 * @return
 */
@PostMapping("/upload")
public R<String> upload(MultipartFile file){
    System.out.println(file);
    return R.success(fileName);
}

 


二、 下载介绍


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

    1). 以附件形式下载,弹出保存对话框,将文件保存到指定磁盘目录

 

 

    2). 直接在浏览器中打开

       而我们在项目中需要实现的菜品展示,表现形式为在浏览器中直接打开。

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

posted on 2025-04-26 22:47  努力--坚持  阅读(53)  评论(0)    收藏  举报