Change System Logo

Galera, I found a solution here, so I do not need to reload the page, masss have a single problem, can not be added an image with the name that will always be the same (ex: logo.png) where will be selected this image to set in some, otherwise it will not work, the only way to work is when I create the file by PHP, because there will not need to replace the file that exists there, follow the code if you want to test, feel free:

$scope.carregarLogo = function (name) {
    if ($scope.img_name === '' && angular.isUndefined(name) || name === '') {
        $scope.img_name = url_sistema + 'web_files/img/logo.png';
        $('#img').attr('src', $scope.img_name);
        console.log('deu');
    } else {
        var random = (new Date()).toString();
        $scope.img_name = name + "?date=" + random;
        console.log($scope.img_name);
        $('#img').attr('src', $scope.img_name);
        console.log($('#img').attr('src'));
        console.log('deu2');
    }
};

THANK YOU FOR YOUR HELP, MUCH, A GREAT DAY TO ALL FLW

Mixing AngularJS with jQuery inside your controller is never a good idea because the two are frameworks with different purposes. jQuery is for DOM manipulation and AngularJS is for manipulating data with influence on the DOM.

Basically, to solve your problem, you need "Think AngularJS Way" and forget what you know about jQuery, at least in the beginning.

One possible solution to your problem:

$scope.carregarLogo = function(name){
    if($scope.img_name=== '' && angular.isUndefined(name) || name === ''){
       $scope.img_name = url_sistema + 'web_files/img/logo.png';
    }else{
       $scope.img_name = name;
    }
};

<div ng-controller="SeuController">
  <img ng-src="{{img_name}}">
</div>

Assuming your carregarLogo function is inside a controller. Note that in html I'm using a native angle directive, ngSrc .

Now returning to the subject "use jQuery within angular". Whenever you need to do this, create a directive to put your DOM manipulations inside. And every time you change values from $ scope through jQuery functions use the $scope.apply() soon afterwards to update the scope values (within the directive).