前端显示后台传过来的图片

后台伪代码

    @RequestMapping("getImgById")
    @ResponseBody
    public void getImgById1(HttpServletResponse response){

        java.io.File  file=new java.io.File("文件路径");
        try {
            //获取图片格式
            String formatName=file.getName()
                    .substring(file.getName()
                            .indexOf(".")+1);
            BufferedImage read = ImageIO.read(file);
            // 将图片写入响应流
            ImageIO.write(read,formatName , response.getOutputStream());
        } catch (IOException e) {
            logger.error("下载图片失败，未找到图片",e);
            e.printStackTrace();
        }
    }

ImageIO.write()参数介绍：

 im：图片文件所在的输入流
 formatName：图片格式：例如jpg,png
 output:图片要输出到的响应流

前台部分代码（Vue）：

<el-avatar src="http://localhost:8080/api/file/getImgById">el-avatar>