Ошибка сети при публикации данных в Angular 4

Question

Я изучаю Angular 4. Я пытался опубликовать файл вместе с ключевым словом. При загрузке я получаю следующую ошибку в консоли веб-страницы.

код: 19 columnNumber: 0 данные: пустое имя файла: " http://localhost:4200/polyfills.js " lineNumber: 5291 сообщение: "произошла ошибка сети". имя: "NetworkError" результат: 2152923155

Вот как я пытаюсь загрузить файл.

Метод в файле.service

  url: String = 'localhost:8080/file-uploader/rest/file/';

      getFileName(fileToUpload: File, columnHeading: any) {
        const httpOptions = {
          headers: new HttpHeaders({
            'Content-Type': 'multipart/form-data',
          })
        };
        const body = {
          file: fileToUpload,
          columnHeading: columnHeading
        };
        return this.http.post<UploadResponse['path']>(this.url + 'upload', body, httpOptions);
      }

Интерфейсный файл

interface UploadResponse {
  path: string;
}

Файл Загрузка Машинописный Файл

  uploadFile() {
    this.httpService.getFileName(this.file, this.columnHeading).subscribe(
      res => {
        localStorage.setItem('filePath', res);
      }
    );
  }

Загрузить файл HTML-файл тегов

<div>
  <input type="file" [(ngModel)]="file" name="file">
  <br>
  <input type="text" [(ngModel)]="columnHeading" name="columnHeading">
  <br>

  <!-- (click) passes input value to add() and then clears the input -->
  <button (click)="uploadFile()">
    Upload File
  </button>
</div>