Изображение загружено правильно, но не обновлено в представлении до обновления

Question

Я работаю над приложением AngularJS, и я борюсь с загрузкой аватаров. Загрузка выполняется очень хорошо, но как только это будет сделано, представление не будет обновлено, если новый файл имеет такое же расширение, что и прежнее (он работает, если расширения отличаются, т.е. я загружаю .jpeg после .jpeg) , Вот отрывок:

$scope.getUserInfo = function(user_id){ 
 
    $http.get('/api/?method=getuserprofile&userid='+user_id) 
 
    .success(function(data) { 
 
     $scope.userInfo = data.message; 
 
    }).error(function(data) { 
 
     console.log('getUserInfo->d!0cane'); 
 
    }); 
 
}

<img class="bar-avatar" ng-show="userInfo.avatar_location" ng-src=" {{userInfo.avatar_location}}" alt="useravatar">

Я пытался предотвратить AngularJS кэширование файла, но мне не удалось заставить его работать! Есть идеи о проблеме?

Answer 1

Я хотел бы попробовать что-то вроде этого, чтобы предотвратить кэширование, должны работать

.success(function(data) { 
    $scope.userInfo = data.message; 
    $scope.userInfo.avatar_location += '?' + Date.now(); 
});