java Spring Boot2.7写一个接口 提供图片预览 前端可以直接用接口地址当src为图片地址使用

这篇具有很好参考价值的文章主要介绍了java Spring Boot2.7写一个接口 提供图片预览 前端可以直接用接口地址当src为图片地址使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

我们特别是在做小程序开发时 很多图片会比较大 而小程序本身就对自身大小要求非常高
所以 图片放在服务器上提供访问链接是一种非常好的选择

我想很多前端会误认为 直接将图片放在服务器上就可以了
但其实没那么简单 因为服务器其实也可以理解为一个电脑 你就想 你自己本地都不能直接链接访问 放到服务器怎么可能就有这好事了呢?

但我们可以通过写一个接口来完成
这个功能不需要注入任何依赖

就比如 我要将 D:/图片管理/奇迹商人.jpg 文件保留出来 提供给大家预览
我就可以这样写

@GetMapping("/image")
public ResponseEntity<ByteArrayResource> getImage() throws IOException {
    // 指定图片文件路径
    String imagePath = "D:/图片管理/奇迹商人.jpg";

    // 读取图片文件为字节数组
    Path path = Paths.get(imagePath);
    byte[] imageBytes = Files.readAllBytes(path);

    // 创建字节数组资源
    ByteArrayResource resource = new ByteArrayResource(imageBytes);

    // 设置响应头
    HttpHeaders headers = new HttpHeaders();
    headers.setContentType(MediaType.IMAGE_JPEG);

    // 返回字节数组资源作为响应
    return ResponseEntity.ok()
            .headers(headers)
            .contentLength(imageBytes.length)
            .body(resource);
}

java Spring Boot2.7写一个接口 提供图片预览 前端可以直接用接口地址当src为图片地址使用,前端
然后 我们启动项目
在浏览器上输入接口地址 即可实现这个图片的预览了
java Spring Boot2.7写一个接口 提供图片预览 前端可以直接用接口地址当src为图片地址使用,前端
前端也可以直接将这个接口的地址 当做图片地址 放在src中文章来源地址https://www.toymoban.com/news/detail-732053.html

到了这里,关于java Spring Boot2.7写一个接口 提供图片预览 前端可以直接用接口地址当src为图片地址使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • java springboot2.7 写一个本地 pdf 预览的接口

    依赖方面 创建的是 接口web项目就好了 然后包管理工具打开需要这些 然后 例如这里我要预览 本地 E盘下的 ydzxmgf下的git分支管理规范.pdf文件 就可以这样写 然后在浏览器上访问接口 就达到这个预览的效果了

    2024年02月08日
    浏览(37)
  • java spring boot 注解、接口和问题解决方法(持续更新)

    @RestController         是SpringMVC框架中的一个注解,它结合了@Controller和@ResponseBody两个注解的功能,用于标记一个类或者方法,表示该类或方法用于处理HTTP请求,并将响应的结果直接返回给客户端,而不需要进行视图渲染 @Controller         是Spring Framework中的注解,用于

    2024年02月06日
    浏览(51)
  • Java spring-boot项目中如何上传下载文件或图片到spring-boot规定的非静态目录

    spring-boot的项目,虽然它自己定义了一个静态文件的存储目录,但是这个目录一般是作为前端静态文件的目录来作为使用的。如果使用这个静态目录来作为我们上传文件的目录会有一个比较尴尬的地方:将spring-boot打包成为jar包后,随着上传图片的增多,这个jar包也会跟着变大

    2024年02月16日
    浏览(55)
  • Spring是一个开源的Java开发框架,它提供了一种快速、简单的方式来开发企业级应用程序

    Spring是一个开源的Java开发框架,它提供了一种快速、简单的方式来开发企业级应用程序。Spring的主要优点包括简化Java EE开发、提供依赖注入和面向切面编程等功能。以下是Spring的一些核心特性: 依赖注入(DI):Spring通过DI机制,将对象的依赖关系注入到应用程序中,简化了

    2024年02月03日
    浏览(74)
  • 手写一个 React 图片预览组件

    原文链接: 手写一个 React 图片预览组件 前几天打算给博客添加一个图片预览的效果,可在网上找了半天也没找到合适的库,于是自己干脆自己手写了个。 最终实现效果如下: 当鼠标点击图片时生成一个半透明遮罩,并添加一个与点击图片位置大小都相同的图片,之后通过

    2024年02月08日
    浏览(37)
  • spring boot java项目整合Scala&Spark,接口api调用方式调用scala代码,配置分享

    版本说明: spring boot: 2.5.9 jdk:1.8 spark:2.4.5 sclala:2.11.12 首先你需要有一个完美的spring boot项目(java版本)能成功运行,这就不赘述了,按照网上的自己搭建吧,然后重要的来了,我捣鼓了两天时间,各样的报错见过了,网上的处理方法要嘛是不全,要嘛是没有用,各种办

    2024年02月10日
    浏览(49)
  • spring boot 3使用 elasticsearch 提供搜索建议

    用户输入内容,快速返回建议,示例效果如下 spring boot 3 elasticsearch server 7.17.4 spring data elasticsearch 5.0.1 elasticsearch-java-api 8.5.3 为了启动时候自己创建相关的index,以及存储搜索内容 数据导入时候,因为有数据格式要求,必须使用实体类进行写入

    2024年02月12日
    浏览(36)
  • TryHackMe-Mnemonic(boot2root)

    I hope you have fun. 循例nmap 尝试anonymous 进80 gobuster扫 对着webmasters再扫一下 对着backups继续扫 下载zip文件,发现有密码 zip2john + john直接爆 查看note.txt, 给出了ftpuser hydra直接爆ftp 进到ftp 用wget下载所有文件夹和文件 发现了id_rsa和not.txt not.txt 这应该是james的ssh私钥,尝试直接登 ss

    2024年02月01日
    浏览(26)
  • TryHackMe-CMSpit(boot2root)

    你已确定 Web 服务器上安装的 CMS 存在多个漏洞,允许攻击者枚举用户并更改帐户密码。 您的任务是利用这些漏洞并破坏 Web 服务器。 循例nmap 进80 很明显,cms就是Cockpit, 版本通过查看源代码的js版本可以得知是0.11.1 searchsploit发现有几个洞 查看exp是存在sql注入导致的数据库信

    2024年02月01日
    浏览(21)
  • 前端(十五)——开源一个用react封装的图片预览组件

    👵博主:小猫娃来啦 👵文章核心:开源一个react封装的图片预览组件 Gitee:点此跳转下载 CSDN:点此跳转下载 装依赖 运行 打开 创建一个React函数组件并命名为 ImageGallery 。 在组件内部,使用useState钩子来定义状态变量,并初始化为合适的初始值。 selectedImageUrl 来追踪当前选

    2024年02月10日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包