title: how can i remove avatar in angular 2
body: <p>i have the browserfile input and button to upload the logo :</p>
  
  <pre><code>&lt;div class="col-md-2"&gt;
                          &lt;form #uploadLogo="ngForm" enctype="multipart/form-data" id="fileForm"&gt;
                              &lt;input type="file" 
                                      class="form-control" 
                                      nodisable 
                                      name="file" 
                                      id="companyLogo"
                                      (change)="onChange($event)"&gt;
                          &lt;/form&gt;
                          &lt;span class="thumbnail"&gt;&lt;img *ngIf="data.companyObj.imagePath"
                              [src]="url + '/static/logo/' + data.companyObj.imagePath" height="50px" width="250px"/&gt;&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="col-md-3"&gt;
                          &lt;button class="btn btn-primary" (click)="uploadCompanyLogo()"&gt;{{ 'BASEDATA.UPLOAD' | translate }}&lt;/button&gt;
  </code></pre>
  
  <p>and here is the ts file : </p>
  
  <pre><code>public uploadCompanyLogo() {
      if(this.file == null){
          this.fileUpload.uploadFile('/company-logo', 'companyLogo').subscribe(response =&gt; {
          this.data.companyObj.imagePath = response.body.defaultLogo;
          this.sharedService.setUrl(this.data.companyObj.imagePath);
          })
  </code></pre>
  
  <p>how can i remove this with removefunction and to be null</p>