vue 根据后端数据显示图片_后端返回数据图片流，前端解析展示

后端代码，把图片文件流输出到前端

@ApiOperation(value = "返回图片流")

@RequestMapping(value = "/baseinfo")

public void infoHe(HttpServletResponse response) {

InputStream in = null;

try{

//从minio文件服务器上获取图片流

in = minioClient.getObject(bucketName, "company/template_back_20200627160552.png");

response.setContentType("image/png");

OutputStream out = response.getOutputStream();

byte[] buff = new byte[100];

int rc = 0;

while ((rc = in.read(buff, 0, 100)) > 0) {

out.write(buff, 0, rc);

}

out.flush();

} catch (Exception e) {

log.error(e.getMessage(), e);

PropertiesConfig.globalResponse(ResultCode.FAILED);

// return ResponseResult.success();

}finally {

}

}

前端代