在AngularJs中将ByteArray转换为Image

时间:2017-09-20 06:36:24

标签: angularjs image spring-boot

我在spring boot中编写了一个控制器,用于获取特定用户的图像,并以字节数组的形式返回

@GetMapping(value = "/images/{id}/{login}",produces = {MediaType.APPLICATION_OCTET_STREAM_VALUE})
    public byte[] getImage(@Valid @RequestParam("id") String id,@RequestParam("login") String login)
        throws IOException, XmlPullParserException, NoSuchAlgorithmException, InvalidKeyException, InvalidArgumentException, ErrorResponseException, NoResponseException, InvalidBucketNameException, InsufficientDataException, InternalException {
        return IOUtils.toByteArray(fileService.getImage(id, login));
    }

在angularjs中是否有方法,以便我可以以图像的形式转换它 这样我就可以显示个人资料图片用户

1 个答案:

答案 0 :(得分:2)

在angularjs中

添加功能

vm.getByte = function(){
  $http({
      method: 'GET',
      url: '/images/{id}/{login}'
  }).success(function(success){
      vm.imgFile = success;
  });
};

获取字节数组

和html

<img ng-src="data:image/JPEG;base64,{{vm.imgFile}}" style="width: 200px;height: 130px;" />