后台向前端一次返回多张Base64图片

最近遇到一个后台需要向前端返回多张图片的业务，因为没有经验，搞了好一会。最终的解决方法是：

1、将图片用for循环从内存读出

2、将图片编码成Base64，并存储到数组ArrayList<String>中

3、返回给前端编码好的图片，前端代码依次解析即可

代码如下：

@RequestMapping(value = "/getComponentPicture", method = RequestMethod.POST)
@ApiOperation(value = "getComponentPicture", httpMethod = "POST", notes = "查询车辆零件图片")
@ResponseBody
public ArrayList<?> getComponentPicture(
     @ApiParam(value = "零件ID", required = true) @RequestParam(value = "componentid", required = true) String componentid,
　　　@ApiParam(value = "车主token", required = true) @RequestParam(value = "token", required = true) String token) {
try {
　　ArrayList<String> picture = new ArrayList<>();
　　if (validToken(token)) {
　　　　List<T415_car_components_pic> list = manufactService.queryComponentPicpath(componentid);    
　　　　if(list.isEmpty()){
　　　　　　picture.add("PIC IS NULL");
　　　　　　return picture;
　　　　}else{
　　　　　　for(T415_car_components_pic pic:list){
　　　　　　　　String picpath = pic.getPicpath();
　　　　　　　　byte[] bt = fileManager.readFile(picpath);
　　　　　　　　String base64str = Base64.encodeBase64String(bt);
　　　　　　　　//import org.apache.commons.codec.binary
20　　　　　　　　 picture.add("data:image/jpg;base64,"+base64str);
　　　　　　}
　　　　return picture;
　　　　}
　　}else{
　　　　picture.add("invalidToken");
　　　　return picture;
　　　　}
　　}catch (Exception e) {
　　　　logger.error("", e);
30　　　　 String bt = new String("HttpStatus.BAD_REQUEST");
　　　　ArrayList<String> err = new ArrayList<>();
　　　　err.add(bt);
　　　　return err;
　　}
}