更改圖像源而不更新范圍時的角度ng-src

Question

我在控制器內部有以下代碼段：

$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嗎？ 如果是這樣，則可以將tmestamp添加到URL並更新時間戳以使其更改URL。

您還可以將src設置為帶有圖像而不是URL的base64編碼的字符串。