springboot头像上传之后无法访问

最新推荐文章于 2024-04-01 16:12:11 发布
最新推荐文章于 2024-04-01 16:12:11 发布
阅读量834 收藏 6
点赞数
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45598574/article/details/123828739
版权

当controller里的方法上传了文件到你项目里的resources/static目录下，此时如果想要访问他，是不可以访问的，这是tomcat的保护措施， 服务器不能对外部暴露真实的资源路径

上传一张图片后，检查目录发现文件已经成功上传到指定的目录下，但无法通过地址拿到，重启项目后可以拿到。后来发现在上传一张照片后，target目录下并没有立即生成上传的文件，所以访问不到。

 解决办法： 需要配置映射路径。（可以将文件上传这个操作请求到另一个服务器，称为文件上传服务器，因本项目不大，所以不需要）

配置映射路径，请求/blog/images/userAvatar/** 相当于请求本地文件  System.Property（user.dir）相当于工作目录（D:\\~~~~）\src\main\resoureces\static\blog\imagesuserAvatar\

配置拦截器之后却出现新的问题  

所有的css js 样式都无法访问 只有刚刚配置的图片可以访问

说的是 这些资源没有配置映射  也就是拦截器将所有static下的资源都拦截了导致无法访问

在后边继续添加静态资源映射后 css  js  

问题解决

 

 

 

艳阳天风光好
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Springboot】springboot中上传图片的访问不了，配置虚拟化路径解决（后端）
weixin_30618985的博客
08-28 4020
在springboot中，上传图片或文件上传成功后，却无法访问。 在springboot中，用相对的路径储存，也只是存储在临时的目录，一重启文件就会没有了。并且打为jar后，存入文件也会有问题。 这时，需要配置一个虚拟路径，映射到物理路径上。比如在服务器将文件存在/usr/upload文件夹下，同时映射的路径为http://localhost:8080/image。那么处理上传文件的...
SpringBoot实现图片上传，图片上传之后无法访问
weixin_43975276的博客
10-11 6031
原本以为图片上传很难，没想到有框架之后这么简单。 利用multipartfile+transterTo。 前端用input标签，设置输入类型为文件。
springboot上传图片并回显，并解决springboot静态资源上传无法立即访问问题
yuan_618859的博客
04-29 1167
图片上传springboot，写入json文件，解决springboot静态资源不能立即访问问题，vue前后端分离
SpringBoot项目中可以上传图片，但图片加载失败
二哈喇子！
01-29 5135
SpringBoot项目中可以上传图片，但图片加载失败
前端上传图片到后端，使用url进行直接访问
qq_56893858的博客
03-21 3674
问题：前端的资源上传到后端后，使用url进行访问会报404的错误 解决问题参考的博客： SpringBoot + Vue前后端分离图片上传到本地并前端访问图片 - 月下梦花落 - 博客园 (cnblogs.com)https://www.cnblogs.com/yxmhl/p/11972021.html 总结：上面的博客，配置类有一些问题 查阅资料后，应该修改成下面的样子，要不然会导致其他资源的访问也会映射到虚拟路径中 @Configuration public class MyIntercep
Spring Boot静态资源映射，图片无法实时访问问题
Alberti的博客
05-12 1957
项目中含有图片上传功能，但是图片成功上传后，图片无法访问显示 只有服务器编译重启之后，才可以访问 经了解，图片上传之后，只存在于当前服务器的物理路径，也就是说存在于项目的静态资源目录下，但并没有写入 target/classes/static编译后的静态资源目录下。 为此，我们需要配置静态资源映射，虚拟地址与物理地址映射关系，解决方法： 文件配置法 spring.servlet.multipart.max-file-size=3MB spring.mvc.static-path-pattern=/.
SpringBoot之图片上传与回显
08-18
在SpringBoot框架中，图片上传和回显是常见的功能需求，尤其对于开发涉及用户交互的Web应用时。本文将深入探讨如何实现这个功能，并提供一个简单易懂的实践示例。 首先，我们要理解SpringBoot的核心组件SpringMVC，...
SpringBoot+myBatis+ztree+异步上传整合案例
07-20
集合了框架SpringBoot+mybatis的简单操作，进行热部署案例，访问jsp页面信息。了ztree树的加载，修改树的头像，修改树的信息，字体样式，刷新添加的信息。在使用异步上传的时候请自己写自己的上传接口，这里只是提供...
springboot文件上传路径保存数据库并且可以复制路径网页访问图片
12-14
以上就是关于"springboot文件上传路径保存数据库并且可以复制路径网页访问图片"这一主题的主要知识点。通过这些步骤，你可以构建一个完整的文件上传系统，使得用户上传的图片能够在网页上正常访问。在实际开发中，还...
vue+springboot图片上传和显示的示例代码
11-21
在使用spring boot做后台系统，vue做前端系统，给客户开发一套系统时候，其中用到了图片上传和显示的功能。 二、环境 前端：vue 前端组件：tinymce 后台：spring boot:2.2.3 三、正文 在客户开发一套门户管理...
springboot SSM整合
12-22
**SpringBoot SSM整合** SpringBoot以其简洁的配置和快速的开发能力，逐渐成为Java Web开发的主流框架。然而在实际项目中，我们往往需要与传统的SSM（Spring、Struts、MyBatis）框架进行整合，以充分利用各自的优势...
springboot项目中javaweb上传了图片或文件，但是图片文件无法访问，出现404页面，甚至出现报错
最新发布
浩冉学编程的博客
04-01 1477
这意味着你的图片资源被打包到了你的应用的classpath中。这种方式的好处是你的应用可以在不同环境中移植而不用担心资源路径的问题，但是缺点是你不能直接在文件系统中管理这些资源，需要通过重新打包应用来更新资源。这种方式的好处是你可以直接在文件系统中管理这些资源，但是缺点是如果你的应用部署到其他环境中，可能会导致资源路径失效或者不可访问。如果你静态资源映射配置这部分正确，图片文件读写也正确，那你就要考虑组合的问题了，这里不考虑图片文件读写的路径错误，统一用/static/face_img/加文件名的字符串。
图片上传到后端，但是再读取图片显示到前端就不显示
热门推荐
胖墩的IT博客
04-20 1万+
从头开始 前端 <script type="text/javascript"> // 选择图片显示 function imgChange(obj) { //获取点击的文本框 var file =document.getElementById("file"); var imgUrl =window.URL.createObjectURL(file.fil...
Springboot】springboot中上传图片的访问不了，配置虚拟化路径解决（后端） 如何访问静态资源
飞熊的博客
10-26 2500
在springboot中，上传图片或文件上传成功后，却无法访问。 在springboot中，用相对的路径储存，也只是存储在临时的目录，一重启文件就会没有了。并且打为jar后，存入文件也会有问题。 这时，需要配置一个虚拟路径，映射到物理路径上。比如在服务器将文件存在/usr/upload文件夹下，同时映射的路径为http://localhost:8080/image。那么处理上传文件的后台程序则写入文件/usr/upload文件夹下,通过浏览器访问localhost:8080/image/xxx.png，
Springboot 上传图片到项目路径下不能访问，需要重启
weixin_42456466的博客
06-13 1万+
1.bug场景 做图片上传 功能是，发现图片上传至项目下后无法通过ip：port/路径访问，重启项目是就可以正常访问。 2.bug原因 这是因为对服务器的保护措施导致的，服务器不能对外部暴露真实的资源路径，需要配置虚拟路径映射访问。 3.bug解决 @Configuration public class ResourceConfigAdapter extends WebMvcConfi...
若依前后端分离项目上传文件或图片不能显示出来？
猿小白的博客
12-19 8524
很多初次使用若依前后端分离的时候，容易遇到这个问题，就是在文件上传成功的时候，在前端无法正常回显。在这里给不会的朋友写一个教程。 目录 1、前提说明 2、文件回显步骤 （1）添加文件访问前缀 （2）添加文件匿名访问 1、前提说明 在使用框架上传组件进行文件上传之后，一般情况下会上传到自己自定义的上传目录中的upload文件夹中。 然后在数据库中会存一个以/profile/** 开头的文件路径地址。 2、文件回显步骤 （1）添加文件访问前缀 首先需要在回显的路径签名拼接一个....
springboot图片上传后不能立即显示
kljilll的博客
05-03 1058
必须得记录一次啊，省得下次还跳下这个坑 前端已经拿到图片的路径了，并且图片路径也都是对的，但就是显示不出来 这个时候要配置一下图片映射路径 创建一个config包，创建一个类，具体代码如下： @Configuration public class PicUploadConfig implements WebMvcConfigurer { @Override public void addResourceHandlers(ResourceHandlerRegistry registr
springboot图片上传后无法实时访问
weixin_43575792的博客
03-11 1054
springboot图片上传后无法实时访问前言一、使用步骤1.图片上传2.配置实时访问总结 前言 使用springboot框架上传图片到本地静态资源中时，无法实时访问图片 一、使用步骤 1.图片上传 博主是将图片上传到static根目录下 上传代码如下： @PostMapping("/upload") public Result upload(MultipartFile file){ Result result; try { byte[
Springboot访问不到静态资源问题
weixin_46822367的博客
11-26 1378
一、解决方案 文件位置如下： 原先在 application.properties中如下配置 spring.resources.static-locations=classpath:/static/ spring.mvc.static-path-pattern=/images/** 显然还是无法访问图片，因此采用另一种方式 通过拦截器设置资源路径 package com.dimpt.rest.config; import org.springframework.context.ann
springboot头像上传回显
03-29
在Spring Boot中，实现头像上传并回显的步骤如下： 1. 添加文件上传依赖 在`pom.xml`中添加以下依赖： ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.4</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.6</version> </dependency> ``` 2. 编写上传页面 在HTML页面中添加上传表单： ```html <form method="post" action="/upload" enctype="multipart/form-data"> <input type="file" name="file"/> <input type="submit" value="Upload"/> </form> ``` 3. 编写上传接口 在控制器中添加上传接口： ```java @PostMapping("/upload") public String uploadFile(@RequestParam("file") MultipartFile file, Model model) { String fileName = StringUtils.cleanPath(file.getOriginalFilename()); try { FileUploadUtil.saveFile(uploadDir, fileName, file); } catch (IOException e) { e.printStackTrace(); } model.addAttribute("message", "File uploaded successfully!"); model.addAttribute("fileName", fileName); return "upload-result"; } ``` 其中，`FileUploadUtil`是一个工具类，用于保存文件： ```java public class FileUploadUtil { public static void saveFile(String uploadDir, String fileName, MultipartFile multipartFile) throws IOException { Path uploadPath = Paths.get(uploadDir); if (!Files.exists(uploadPath)) { Files.createDirectories(uploadPath); } try (InputStream inputStream = multipartFile.getInputStream()) { Path filePath = uploadPath.resolve(fileName); Files.copy(inputStream, filePath, StandardCopyOption.REPLACE_EXISTING); } catch (IOException ioe) { throw new IOException("Could not save image file: " + fileName, ioe); } } } ``` 4. 显示上传结果 在上传成功后，跳转到上传结果页面，显示上传的文件名和头像： ```html <h1>Upload Result</h1> <p th:text="'File uploaded successfully: ' + ${fileName}"></p> <img th:src="@{${'/uploads/' + fileName}}" width="200" height="200"/> ``` 其中，`/uploads/`是上传文件保存的目录。需要在`application.properties`中添加以下配置： ```properties spring.servlet.multipart.enabled=true spring.servlet.multipart.file-size-threshold=2KB spring.servlet.multipart.max-file-size=200MB spring.servlet.multipart.max-request-size=215MB # Upload directory for files file.upload-dir=uploads ``` 在控制器中添加注入`uploadDir`的代码： ```java @Value("${file.upload-dir}") private String uploadDir; ``` 5. 运行应用程序 现在，启动Spring Boot应用程序并访问上传页面。选择要上传的文件并单击“上传”按钮。上传成功后，将显示上传结果页面，并显示上传的文件名和头像。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值