angularjs之修改用户头像

修改用户头像逻辑

首先获取用户头像

然后上传头像

用户头像上传的地址，数据类型

上传后获取用户信息

将本地缓存的头像更改为用户的头像

获取用户头像

html部分

<div class="x_image">
  <img ng-src="{{avator}}" style="width:100%; height:100%; "/>
</div>
<button class="zbtn znone" ngf-pattern="'image/*'" ngf-multiple="false" ngf-select="upload($file)">
  上传
</button>

angularjs部分

.controller('userimgCtrl', function($scope,$stateParams,Upload,$localStorage,urlBase,Account){
  $scope.avator = "http://192.168.0.109:3000" + $localStorage.avator;  //用户头像为用户头像
  $scope.upload = function (file) {  //上传头像
    console.log(file);
    //data.file = $scope.data.file;
    Upload.upload({  
      //服务端接收
      url: urlBase + "/containers/avators/upload?=accountId=" + $localStorage.accountId + '&filename=' + file.name,
      //上传的同时带的参数
      data: {file: file}
    }).success(function () {
      Account.getBaseInfo({accountId:$localStorage.accountId},function(data){
        $scope.user = data.info;
        $localStorage.avator = $scope.user.avator;
        $scope.avator ="http://192.168.0.109:3000" + $localStorage.avator;
        console.log(data.info)
      })
    }).error(function (file) {
      //上传失败
      alert(file);
    });
  };

})