Question

我有一个基本的网络应用程序，其中Python / Flask后端通过API公开图像，如下所示：

class ImageResource(Resource):
    def get(self):
        return send_file('path/to/file', mimetype='image/jpeg')
...
api.add_resource(ImageResource, '/v1/preview')

在AngularJS中，我有一个创建API的工厂，提供对$资源的访问：

var previewResource = $resource('/v1/preview')

如果我可以使用以下HTML

，这将很容易

<img ng-src="{{ imgUrl }}" />

将$scope.imgUrl设置为'/v1/preview'。

问题是我想要实际获取图像的控制器只能引用previewResource - 不知道路径。

如何使用它来检索图像并将其显示在页面上？

-

对于一些额外的上下文（如果它有所不同），图像将不断变化，因此每隔几秒就会有一些$timeout动作来刷新它。同样，如果路径已知，这将很容易，因为有可能让一些JS附加?(timestamp)以使浏览器在每次更改时自动重新加载它。

使用AngularJS中的$ resource加载图像

0 个答案: