angular更换头像ng-src绑定路径

html部分:

<div ng-init="app.avatar = '/fileRecord/file/show' + '?userId=' + app.user.id">

  <img ng-src="{{app.avatar + '&' +time}}" class="img-full" alt="...">

</div>

js部分:

$scope.imageAvatar = function () {
  var time = new Date().getTime(); //用于提供实时随机数
  $scope.time = time;
  $scope.app.avatar = '/fileRecord/file/show' + '?userId=' + $scope.app.user.id;
}

增加time作为随机参数,可以避免图片名字没有变化,而实际图片内容已经变化的情况。这样就算图片同名也可以实时更新。

原文地址:https://www.cnblogs.com/bertha-zm/p/7453847.html