Estou criando em um sistema que estou desenvolvendo para nosso cliente, uma função onde permite o mesmo fazer o upload da logo e cortar a mesma, em seguida quando ele salva estou tentando carregar a imagem que foi realizado o upload, mas acontece que preciso que sempre seja o mesmo nome e no mesmo destino e o navegador não consegue atualizar a mesma, por exemplo:
Nome atual da imagem = logo.png;
depois do upload o nome da imagem continua logo.png mas com outra imagem salva, pois se recarrego a página a logo é aplicada como deve, gostaria de saber se tem alguma forma de fazer isso sem recarregar a pagina, segue o código que uso para setar a imagem:
$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{
$scope.img_name = name;
$('#img').attr('src',$scope.img_name);
console.log($('#img').attr('src'));
console.log('deu2');
}
};
$window.location.reload();