php前端如何输出图片流,后端返回数据图片流,前端解析展示

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

@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 {

}

}

前端代码,发送ajax请求,然后把图片流转成blob,再通过blob创建url,这样就可以了

axios.request({

url: 'file/baseinfo',

responseType: 'blob',

method: 'post',

params:{

fileName:fileName

}

}).then(res => {

let blob = new Blob([res.data],{type: "image/png"});

let url = window.URL.createObjectURL(blob);

this.imgSrc=url;

}), (error) => {

this.$message({

type: 'warning',

message: '系统错误,请联系管理员!'

});

}

你可能感兴趣的:(php前端如何输出图片流)