1.前端
<img :src="`http://ip:端口/icon/IoReadImage?imgPath=${scope.row.id}`" />
2.后台流
/**
* IO流读取图片 by:long
* @param imgPath
* @param request
* @param response
* @return
* @throws IOException
*/
@RequestMapping(value = "/IoReadImage", method = RequestMethod.GET)
@ApiOperation("图片预览")
public String IoReadImage(@RequestParam(value = "id") String id, HttpServletRequest request, HttpServletResponse response) throws IOException {
ServletOutputStream out = null;
FileInputStream ips = null;
ViewIcon viewIcon = viewIconService.selectViewIconById(Long.parseLong(id));
String imgPath = viewIcon.getIconUrl();
try {
//获取图片存放路径
ips = new FileInputStream(new File(imgPath));
response.setContentType("multipart/form-data");
out = response.getOutputStream();
//读取文件流
int len = 0;
byte[] buffer = new byte[1024 * 10];
while ((len = ips.read(buffer)) != -1){
out.write(buffer,0,len);
}
out.flush();
}catch (Exception e){
e.printStackTrace();
}finally {
out.close();
ips.close();
}
return null;
}