html里面怎么展示绝对路径的图片

最新推荐文章于 2025-05-26 16:27:18 发布

round123_rr

最新推荐文章于 2025-05-26 16:27:18 发布

阅读量7.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：整理文章标签： html

本文链接：https://blog.youkuaiyun.com/rendeyishi/article/details/78205948

整理专栏收录该内容

47 篇文章

订阅专栏

本文介绍了一种解决SpringBoot项目中图片路径问题的方法：通过将图片置于项目特定路径下，并使用二进制流方式访问。该方案适用于需要在前端展示图片且路径为绝对路径的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我这边遇到一个问题，spring boot 打jar包，图片路径会出问题
所以这边最后讨论出一个解决方案。图片设置到当前项目的一个路径下面，然后通过二进制流访问图片
为什么要这样子写呢？因为我们的图片地址是一个绝对路径展示，而在html上面，是不能展示绝对路径的。
所以我们通过二进制流来访问图片地址

@RequestMapping("/getImage")
    public void getImage(HttpServletRequest request,HttpServletResponse response) {
    //获取图片地址 如aa/aa.jpg这样子
        String image = request.getParameter("image") == null ? "" : request.getParameter("image");
        String path=getPathNo();
        String filePath=path+image;
        FileInputStream fileInputStream=null;
        OutputStream outputStream =null;
        try{
            File file=new File(filePath);
            if(file.exists()){
                fileInputStream =new FileInputStream(file);
                outputStream= new BufferedOutputStream(response.getOutputStream());
                byte[] buffer = new byte[1024 * 8];
                int count=0;
                while ((count = fileInputStream.read(buffer)) != -1) {
                    outputStream.write(buffer, 0, count);
                    outputStream.flush();
                }
            }
        }catch (Exception e){

        }finally {
            try {
                fileInputStream.close();
                outputStream.close();
                response.flushBuffer();
            }catch (Exception e){

            }
        }
    }
    //获取当前项目的路径 拼成一个绝对路径
  public    String getPathNo(){
        String path=this.getClass().getProtectionDomain().getCodeSource().getLocation().getPath();
        if(path.toUpperCase().indexOf(".jar".toUpperCase())!=-1){
            String StrPath=path.substring(0, path.toUpperCase().indexOf(".jar".toUpperCase()));
            path=StrPath.substring(0,StrPath.lastIndexOf("/")+1).replaceAll("file:/", "").replaceAll("%20", " ").trim() ;
        }else{
            path=path.substring(0,path.lastIndexOf("/")+1).replaceAll("file:/", "").replaceAll("%20", " ").trim() ;
        }
        return path;
    }

页面中

 return "<img src='"+sy()+"/getImage?image="+value+"'  style='width: 40px;height: 40px;' />";