服务器之家

服务器之家 > 正文

SpringBoot 文件或图片上传与下载功能的实现

时间:2021-08-15 16:45     来源/作者:风青宇

导入依赖(pom.xml)

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 <!-- 上传下载需要设计到的jar包 -->
<dependency>
 <groupId>commons-io</groupId>
 <artifactId>commons-io</artifactId>
 <version>2.6</version>
</dependency>
<dependency>
 <groupId>commons-fileupload</groupId>
 <artifactId>commons-fileupload</artifactId>
 <version>1.3.3</version>
</dependency>
<!--servlet-api导入高版本的-->
<dependency>
 <groupId>javax.servlet</groupId>
 <artifactId>javax.servlet-api</artifactId>
 <version>4.0.1</version>
</dependency>
<!-- 图片处理类 -->
<dependency>
 <groupId>net.coobird</groupId>
 <artifactId>thumbnailator</artifactId>
 <version>0.4.8</version>
</dependency>

全局配置 application.properties

?
1
2
3
# 上传文件大小
spring.servlet.multipart.max-file-size=5MB
spring.servlet.multipart.max-request-size=5MB

创建 WebMvcConfig 配置类  静态资源映射

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
 
 @Override
 public void addResourceHandlers(ResourceHandlerRegistry registry) {
  ApplicationHome h = new ApplicationHome(getClass());
  File jarF = h.getSource();
  String dirPath = jarF.getParentFile().toString()+"/upload/";
 
  String os = System.getProperty("os.name");
 
  if (os.toLowerCase().startsWith("win")) { //如果是Windows系统
   registry.addResourceHandler("/upload/**").addResourceLocations("file:"+dirPath);
  } else {
   registry.addResourceHandler("/upload/**").addResourceLocations("file:"+dirPath);
  }
 }
 
}

文件或图片上传

控制层

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
// 上传文件
 @ResponseBody
 @RequestMapping("/upload")
 public String fileUpload(@RequestParam("files") MultipartFile files) throws IOException {
//  // win系统 上传路径保存设置
//  // 获取项目路径
//  File projectPath = new File(ResourceUtils.getURL("classpath:").getPath());
//  // 绝对路径=项目路径+自定义路径
//  File pathFile = new File(projectPath.getAbsolutePath(), "static/upload/");
//  if (!pathFile.exists()) {
//   pathFile.mkdirs();
//  }
//  //上传文件地址
//  UUID uuid = UUID.randomUUID();
//  File serverFile = new File(pathFile, uuid + "_" + files.getOriginalFilename());
//  files.transferTo(serverFile);
//
//  String imgPath = ("/upload/" + uuid + "_" + files.getOriginalFilename()).replace("\\", "/");
//
//  return imgPath;
 
  // Linux服务器 上传路径保存设置
  // 项目路径 /home/www/
  File pathFile = new File("/home/www/upload/");
  if (!pathFile.exists()) {
   pathFile.mkdirs();
  }
  //上传文件地址
  UUID uuid = UUID.randomUUID();
  File serverFile = new File(pathFile, uuid + "_" + files.getOriginalFilename());
  files.transferTo(serverFile);
 
  String imgPath = ("/upload/" + uuid + "_" + files.getOriginalFilename()).replace("\\", "/");
 
  return imgPath;
 }

HTML页面   

Ajax 无刷新上传

?
1
2
3
4
5
6
7
8
9
<form action="" class="layui-form" enctype="multipart/form-data" method="post">
  <input type="hidden" name="blogImg" id="imgPath" value="">
  <div class="form-group">
    <label>图片上传</label>
    <input type='file' style='margin: 5px;' name='files' required><br>
    <button type="button" class="layui-btn" id="img_upload">上传图片</button>
  </div>
  <input type="submit">
</form>

JS

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
//普通图片上传
  $('#img_upload').click(function () {
   var formData = new FormData();
   //获取选择的文件
   $.each($('input[name="files"]'),function (index,item) {
    formData.append("files",item.files[0])
   });
 
   //发送异步请求
   $.ajax({
    method:'post',
    url: '[[@{/user/upload}]]', // 文件上传接口
    data:formData,
    processData: false,
    contentType:false,
    success:function (data) {
     //成功返回触发的方法
     $('#imgPath').val(data);
     alert("上传成功");
    },
    //请求失败触发的方法
    error:function () {
     alert("上传失败");
    }
   });
  });

文件或图片下载

控制层

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
@RequestMapping(value="/download")
public String downloads(HttpServletResponse response ,HttpServletRequest request) throws Exception{
 //要下载的图片地址
 String path = request.getServletContext().getRealPath("/upload");
 String fileName = "基础语法.jpg";
 
 //1、设置response 响应头
 response.reset(); //设置页面不缓存,清空buffer
 response.setCharacterEncoding("UTF-8"); //字符编码
 response.setContentType("multipart/form-data"); //二进制传输数据
 //设置响应头
 response.setHeader("Content-Disposition",
   "attachment;fileName="+URLEncoder.encode(fileName, "UTF-8"));
 
 File file = new File(path,fileName);
 //2、 读取文件--输入流
 InputStream input=new FileInputStream(file);
 //3、 写出文件--输出流
 OutputStream out = response.getOutputStream();
 
 byte[] buff =new byte[1024];
 int index=0;
 //4、执行 写出操作
 while((index= input.read(buff))!= -1){
  out.write(buff, 0, index);
  out.flush();
 }
 out.close();
 input.close();
 return null;
}

HTML页面 

?
1
<a href="/download" rel="external nofollow" >点击下载</a>

SpringBoot 文件或图片上传与下载就可以了

到此这篇关于SpringBoot 文件或图片上传与下载功能的实现的文章就介绍到这了,更多相关SpringBoot 文件上传与下载内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://www.cnblogs.com/dmflysky/archive/2021/02/25/14450015.html

标签:

相关文章

热门资讯

yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
2021德云社封箱演出完整版 2021年德云社封箱演出在线看
2021德云社封箱演出完整版 2021年德云社封箱演出在线看 2021-03-15
返回顶部