Angularjs / Java - 从休息服务方法获取图像

时间:2016-10-19 12:43:41

标签: java angularjs rest inputstream

我的java Web应用程序有一个rest服务方法并返回一个输入流图像。

@GET
@Path("/image/{id}")
@Produces("image/png")
public Response buscarFoto(@PathParam("id") Long id,
                           @Context HttpHeaders header,
                           @Context HttpServletResponse response) {
    byte[] bytes = null;
    bytes = yakifreeService.getImageStream(id);
    ByteArrayInputStream in = new ByteArrayInputStream(bytes);        


response.setContentType("images/png");
response.setHeader("Content-Type", "image/png");
response.setHeader("Content-Disposition", "inline; filename=\"" + "image.png" + "\"");

try {
    OutputStream out = response.getOutputStream();
    IOUtils.copy(in, out);
    IOUtils.closeQuietly(in);
    IOUtils.closeQuietly(out);
} catch (IOException ex) {
    return Response.status(Response.Status.INTERNAL_SERVER_ERROR).entity(ex.getMessage()).type(MediaType.TEXT_HTML).build();
}

return Response.ok().build();

}

Angularjs客户端获取输入流图像如下

Image.getImage({ id: $scope.model.image.id }).$promise.then(function (result){
        if (result) {
            $scope.model.image.dataURL = 'data:image/png;base64,' + result;
        }    
    });


function(yakifree) {
    return yakifree.factory("Image", ["$resource", "$rootScope",
        function($resource, $rootScope) {
             var Image = $resource($rootScope.contextApp + '/rest/image/:id', { }, {
                 getImage: { method:'GET', params: {}, isArray: false }

             });

             return Image;
        }]);
});

HTML展示

<img data-ng-src="{{model.image.dataURL}}" width="120" height="120">

问题是HTML没有显示图像。 javasript中的结果变量具有值:

Resource {0: "�", 1: "P", 2: "N", 3: "G", 4: "
", 5: "↵", 6: "", 7: "↵", 8: "

有人能帮助我吗?谢谢!

0 个答案:

没有答案