当前位置: 首页 > 编程笔记 >

spring boot 图片上传与显示功能实例详解

令狐声
2023-03-14
本文向大家介绍spring boot 图片上传与显示功能实例详解,包括了spring boot 图片上传与显示功能实例详解的使用技巧和注意事项,需要的朋友参考一下

首先描述一下问题,spring boot 使用的是内嵌的tomcat, 所以不清楚文件上传到哪里去了, 而且spring boot 把静态的文件全部在启动的时候都会加载到classpath的目录下的,所以上传的文件不知相对于应用目录在哪,也不知怎么写访问路径合适,对于新手的自己真的一头雾水。

后面想起了官方的例子,没想到一开始被自己找到的官方例子,后面太依赖百度谷歌了,结果发现只有官方的例子能帮上忙,而且帮上大忙,直接上密码的代码

package hello; 
import static org.springframework.hateoas.mvc.ControllerLinkBuilder.linkTo; 
import static org.springframework.hateoas.mvc.ControllerLinkBuilder.methodOn; 
import java.io.IOException; 
import java.nio.file.Files; 
import java.nio.file.Paths; 
import java.util.stream.Collectors; 
import javax.servlet.http.HttpServletRequest; 
import org.slf4j.Logger; 
import org.slf4j.LoggerFactory; 
import org.springframework.beans.factory.annotation.Autowired; 
import org.springframework.core.io.ResourceLoader; 
import org.springframework.http.ResponseEntity; 
import org.springframework.stereotype.Controller; 
import org.springframework.ui.Model; 
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping; 
import org.springframework.web.bind.annotation.RequestMethod; 
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody; 
import org.springframework.web.multipart.MultipartFile; 
import org.springframework.web.servlet.mvc.support.RedirectAttributes; 
@Controller 
public class FileUploadController { 
 private static final Logger log = LoggerFactory.getLogger(FileUploadController.class); 
 public static final String ROOT = "upload-dir"; 
 private final ResourceLoader resourceLoader; 
 @Autowired 
 public FileUploadController(ResourceLoader resourceLoader) { 
 this.resourceLoader = resourceLoader; 
 } 
 @RequestMapping(method = RequestMethod.GET, value = "/") 
 public String provideUploadInfo(Model model) throws IOException { 
 model.addAttribute("files", Files.walk(Paths.get(ROOT)) 
  .filter(path -> !path.equals(Paths.get(ROOT))) 
  .map(path -> Paths.get(ROOT).relativize(path)) 
  .map(path -> linkTo(methodOn(FileUploadController.class).getFile(path.toString())).withRel(path.toString())) 
  .collect(Collectors.toList())); 
 return "uploadForm"; 
 } 
//显示图片的方法关键 匹配路径像 localhost:8080/b7c76eb3-5a67-4d41-ae5c-1642af3f8746.png 
 @RequestMapping(method = RequestMethod.GET, value = "/{filename:.+}") 
 @ResponseBody 
 public ResponseEntity<?> getFile(@PathVariable String filename) { 
 
 try { 
  return ResponseEntity.ok(resourceLoader.getResource("file:" + Paths.get(ROOT, filename).toString())); 
 } catch (Exception e) { 
  return ResponseEntity.notFound().build(); 
 } 
 } 
<strong>//上传的方法</strong> 
 @RequestMapping(method = RequestMethod.POST, value = "/") 
 public String handleFileUpload(@RequestParam("file") MultipartFile file, 
RedirectAttributes redirectAttributes, HttpServletRequest request) { 
 System.out.println(request.getParameter("member")); 
 if (!file.isEmpty()) { 
  try { 
  Files.copy(file.getInputStream(), Paths.get(ROOT, file.getOriginalFilename())); 
  redirectAttributes.addFlashAttribute("message", 
   "You successfully uploaded " + file.getOriginalFilename() + "!"); 
  } catch (IOException|RuntimeException e) { 
  redirectAttributes.addFlashAttribute("message", "Failued to upload " + file.getOriginalFilename() + " => " + e.getMessage()); 
  } 
 } else { 
  redirectAttributes.addFlashAttribute("message", "Failed to upload " + file.getOriginalFilename() + " because it was empty"); 
 } 
 return "redirect:/"; 
 } 
} 

看完上面的代码可以理解到spring boot 的存取文件思路了,存的时候的路径为

Paths.get(ROOT, filename).toString())) 

这个路径会在本地的工程根目录上创建,不应用部署里的目录,所以一般的访问http访问不可能 ,所以它提供了ResourceLoader,利于这个类可以加载非应用目录的里文件然后返回 

所以就可以读取文件,所以就要写getFIle方法来显示图片 

如果大家对spring boot不是很了解,大家可以参考下面两篇文章。

Spring Boot 快速入门教程

Spring Boot 快速入门指南

以上所述是小编给大家介绍的spring boot 图片上传与显示功能实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍JSP中图片的上传与显示方法实例详解,包括了JSP中图片的上传与显示方法实例详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JSP中图片的上传与显示方法。分享给大家供大家参考。具体如下: 1、引言 数据库应用程序,特别是基于WEB的数据库应用程序,常会涉及到图片信息的存储和显示。通常我们使用的方法是将所要显示的图片存在特定的目录下,在数据库中保存相应的图片的名称,在JSP

  • 本文向大家介绍SpringBoot上传图片的示例,包括了SpringBoot上传图片的示例的使用技巧和注意事项,需要的朋友参考一下 说明:通常项目中,如果图片比较多的话,都会把图片放在专门的服务器上,而不会直接把图片放在业务代码所在的服务器上。下面的例子只是为了学习基本流程,所以放在了本地。 1、单张图片上传 1.1、前端用表单提交 前端代码: 后端代码; 1.2、前端用ajax提交 前端代码与上

  • 本文向大家介绍详解vue 图片上传功能,包括了详解vue 图片上传功能的使用技巧和注意事项,需要的朋友参考一下 这次做了vue页面的图片上传功能,不带裁剪功能的! 首先是html代码,在input框上添加change事件,如下: 我这里做了图片数量的限制,最多6张。 然后是data数据,如下: imgs数组是放图片路径的,页面显示图片就是循环这个数组,imgData是判断图片类型的。 接下来是最重

  • 本文向大家介绍Django实现前台上传并显示图片功能,包括了Django实现前台上传并显示图片功能的使用技巧和注意事项,需要的朋友参考一下 1. 前台 templates/upload/upload.html 2. 项目设定 settings.py #添加 ALLOW_UPLOAD = ['jpg', 'png', 'jpeg'] 3.app设定 urls.py views.py Django实现

  • 本文向大家介绍Django实现后台上传并显示图片功能,包括了Django实现后台上传并显示图片功能的使用技巧和注意事项,需要的朋友参考一下 1.安装pillow pip install Pillow 2.创建app python manage.py startapp upload 3. project设定 settings.py urls.py 4. app 设定 models.py admin.

  • 本文向大家介绍TinyMCE汉化及本地上传图片功能实例详解,包括了TinyMCE汉化及本地上传图片功能实例详解的使用技巧和注意事项,需要的朋友参考一下 TinyMCE我就不多介绍了,这是下载地址:https://www.tinymce.com/download/ 下载下来是英文版,要汉化也很简单。 首先去网上随便下载个汉化包,然后把汉化包解压后的langs文件夹里的zh_CN.js拷到你下载的Ti