文章目录

一、文件上传下载
- 概述
- 前端介绍
- 服务端介绍
二、下载介绍
三、服务端实现
四、下载代码实现
- 前端代码
- 服务端代码

提示：以下是本篇文章正文内容，下面案例可供参考

一、文件上传下载

概述

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

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

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

表单默认的编码:application/x-www-form-urlencoded,表单中的数据编码如下

get提交: url?username=tom&password=123

post提交: 请求体中会存在 >username=tom&password=123

前端介绍

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表单的文件上传。

服务端介绍

服务端要接收客户端页面上传的文件，通常都会使用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);
}

MultipartFile参数名字必须和前端页面的文件选择框的name属性值保持一致

二、下载介绍

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

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

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

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

三、服务端实现

1). application.yml

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

项目名称:path: D:\img\ #图片路径

2). CommonController

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

上传逻辑:

1). 获取文件的原始文件名, 通过原始文件名获取文件后缀

2). 通过UUID重新声明文件名, 文件名称重复造成文件覆盖

3). 创建文件存放目录

4). 将上传的临时文件转存到指定位置

代码实现:


@RestController
@RequestMapping("common")
public class CommonController {@Value("${项目名称.path}")String path;@PostMapping("upload")public R upload(MultipartFile file) throws IOException {//1.指定存放文件的目录(若不存在则创建)File dirPath = new File(path);if (!dirPath.exists()) {dirPath.mkdirs();}//2.获取文件的名字String filename = file.getOriginalFilename();//2.1 为了避免同名文件被覆盖,需要给文件起个唯一名称(建议使用uuid),但是我们还需要获取后缀名String extName = FileUtil.extName(filename);// jpgfilename = IdUtil.fastUUID()+"."+extName;//使用hutool获取唯一uuid和后缀名//3.文件拷贝file.transferTo(new File(dirPath,filename));//4.返回文件名return R.success(filename);}}

四、下载代码实现

前端代码

文件下载，前端页面可以使用标签展示下载的图片。

<img v-if="imageUrl" :src="data:imageUrl" class="avatar"></img>

那么，通过标签如何展示图片数据呢，接下来我们来解析一下具体的流程：

在文件上传成功后，在 handleAvatarSuccess 方法中获取文件上传成功之后返回的数据(文件名)，然后调用 /common/download?name=xxx 进行文件的下载。在这里，我们想让上传的照片能够在页面展示出来，所以我们就需要在服务端将文件以流的形式写回浏览器。

服务端代码

在 CommonController 中定义方法download，并接收页面传递的参数name，然后读取图片文件的数据，然后以流的形式写回浏览器。

具体逻辑如下：

1). 定义输入流，通过输入流读取文件内容

2). 通过response对象，获取到输出流

3). 通过response对象设置响应数据格式(image/jpeg)

4). 通过输入流读取文件数据，然后通过上述的输出流写回浏览器

5). 关闭资源

代码实现:


@RestController
@RequestMapping("common")
public class CommonController {@Value("${项目名称.path}")String path;@GetMapping("download")public void download(String name, HttpServletResponse response) throws IOException {//1.获取输入流FileInputStream is = new FileInputStream(path + name);//2.获取输出流,对拷ServletOutputStream os = response.getOutputStream();IOUtils.copy(is,os);//3.释放流os.close();is.close();}
}

java文件上传与下载相关推荐

JAVA文件上传和下载
1.文件上传  <dependency><groupId>commons-fileupload</groupId><arti ...
Java如何进行文件上传与下载
Java文件上传与下载在项目开发中难免遇到这样的问题,对于我这种小白,那只能寻求度娘的帮助拉,各种搜索和看博客文章,当实际运行时....哎,痛苦. 今日分享一波,望你所用,烦闷去之. 文件上传首先 ...
Java文件上传下载
文件上传下载 Java文件上传和下载对于刚接触Java没多久的老铁们来说可能是一个技术难点.如果看过我前两篇文章的老铁肯定就知道,这次肯定又是一个工具类,废话少说我们直接附上代码. package c ...
java使用Jsch实现远程操作linux服务器进行文件上传、下载，删除和显示目录信息...
1.java使用Jsch实现远程操作linux服务器进行文件上传.下载,删除和显示目录信息. 参考链接:https://www.cnblogs.com/longyg/archive/2012/06/2 ...
java里面的文件上传与下载
java里面的文件上传与下载文件的上传与下载主要用到两种方法: 1.方法一:commons-fileupload.jar commons-io.jar apache的commons-fileuplo ...
java图片预览上传_java实现文件上传、下载、图片预览
这篇文章主要介绍了java实现文件上传.下载.图片预览,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下多文件保存到本地: @ResponseBody ...
java spring文件下载_SpringMVC实现文件上传和下载的工具类
本文主要目的是记录自己基于SpringMVC实现的文件上传和下载的工具类的编写,代码经过测试可以直接运行在以后的项目中. 开发的主要思路是对上传和下载文件进行抽象,把上传和下载的核心功能抽取出来分装成 ...
Java Web项目中遇到的文件上传与下载问题
(转发自:https://www.cnblogs.com/xdp-gacl/p/4200090.html) 在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中 ...
JAVA 文件上传下载工具类
JAVA 文件上传下载工具类 import lombok.extern.slf4j.Slf4j; import org.apache.commons.io.FileUtils; import org. ...
java web 文件上传和下载
在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现. 对于文件上传,浏览器在上传的过程中是将文件以流的形式提交到服务器端的,如果直 ...

java文件上传与下载

文章目录

一、文件上传下载

概述

前端介绍

服务端介绍

二、下载介绍

三、服务端实现

四、下载代码实现

前端代码

服务端代码

java文件上传与下载相关推荐

最新文章

热门文章

java文件上传与下载

文章目录

一、文件上传下载

概述

前端介绍

服务端介绍

二、下载介绍

三、 服务端实现

四、下载代码实现

前端代码

服务端代码

java文件上传与下载相关推荐

最新文章

热门文章

三、服务端实现