后端返回图片的stream流，前端怎么显示出图片

Question

 /**
     * 礼包图片下载
     * @return
     */
    @GetMapping(value= "/dowloadPacketImage")
    public void dowloadPacketImage( HttpServletResponse response, String packetPicPath){
        if(StringUtils.isBlank(packetPicPath)) {
            logger.info("礼包图片路径为空");
            return;
        }
        String imgName = packetPicPath.substring(packetPicPath.lastIndexOf(File.separator) + 1);
        DownloadUtil.downloadFile(response, packetPicPath, imgName);
    }

  public static void downloadFile(HttpServletResponse response, String filePath, String fileName) {
        OutputStream responseStream = null;
        try {
            byte[] resultBytes = FileUtils.readFileToByteArray(new File(filePath));
            // response.setCharacterEncoding("UTF-8");
            response.setContentType("application/octet-stream");
            response.setHeader("Content-Disposition", "attachment;fileName=" + fileName);

            responseStream = response.getOutputStream();
            responseStream.write(resultBytes, 0, resultBytes.length);

            responseStream.flush();
            response.flushBuffer();
        } catch (Exception e) {
            if (null != responseStream) {
                try {
                    responseStream.close();
                } catch (IOException ignored) {
                }
            }
        }
    }

Answer 1

1. 如果你的那个返回流的地址是可以直接 get 请求的,那么就用 <img /> 标签,src 属性直接设置返回流的地址.
2. 如果是其它接口,那就现在 js 里把流拿到,转成 blob,再赋值给 <img /> 标签的 src 属性

Answer 2

直接返回页面里显示的图片的话

1. response.setHeader("Content-Disposition", "attachment;fileName=" + fileName); 去掉，这个是文件下载
2. "application/octet-stream" 换成 "image/图片格式
3. 页面上用<img src="接口地址"/>