更改图像源而不更新范围时的Angular ng-src

Question

我的控制器内部有下面的 sn-p：

$scope.onFileSelect = function($files) {
    for(var i = 0; i < $files.length; i++) {
        var file = $files[i];

        $scope.upload = $upload.upload({
            url: '/smart2/api/files/profile',
            file: file
        }).success(function(data) {
            $scope.photo = data;
        });
    }
}

当用户加载页面时，他们可以点击模式来上传个人资料照片。在该模式中，它显示了他们当前的个人资料照片和上传输入。

我在图片标签上附加了ng-src，一切正常。但是，当用户上传新的头像时，在上传调用的success 函数中，我设置了$scope.photo（在ng-src 中引用）。

我知道我需要通知 Angular 它已更改，但不知道如何更改。 HTTP 调用返回的数据将始终是 ng-src 或 $scope.photo 中已有的相同数据，但它会发生变化。

个人资料照片的名称是用户的姓名，因此即使他们上传新照片，文件名或来源仍保持不变，但实际文件不同。

问题是，当我在成功函数中设置$scope.photo 时，照片没有更新。可能是什么问题？

Answer 1

您的意思是src指向的内容发生了变化，但URL保持不变，您想强制它重新读取URL吗？如果是这样，那么您可以在 URL 中添加一个 tmestamp 并更新时间戳以使其更改 URL。

您还可以将 src 设置为带有图像而不是 URL 的 base64 编码字符串。