后台向前端一次返回多張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;
　　}
}