title: How do I save a blob response type in Angular 4+
body: <p>So I am calling an API, which returns to my Angular a file, like so:</p>
  
  <pre><code>getFile(fileInformation) {
    const req = new HttpRequest('POST', 'filedownload', fileInformation, { reportProgress: true, responseType: "blob" });
    return this.http.request(req);
  }
  </code></pre>
  
  <p>And in the API Controller (I followed <a href="https://stackoverflow.com/questions/9541351/returning-binary-file-from-controller-in-asp-net-web-api">this SO top answer</a> to figure this step out):</p>
  
  <pre><code>Public Function GetFile(fileInformation As FileDto) As HttpResponseMessage
      Dim filePath = Path.Combine(FileConstants.FilePath, fileInformation.FileType, fileInformation.FileName)
      Dim fileStream = New FileStream(filePath, FileMode.Open, FileAccess.Read)
  
      Dim result = new HttpResponseMessage(HttpStatusCode.OK)
      result.Content = New StreamContent(fileStream)
      result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream")
  
      Return result
  End Function
  </code></pre>
  
  <p>The returned result from this call is of <code>HttpResponse</code>, and the body is of type <code>Blob</code>. </p>
  
  <pre><code>HttpResponse: {
    blob: {
      size: 289940,
      type: "application/octet-stream"
    },
    headers: ...,
    status: 200,
    ...
  }
  </code></pre>
  
  <p>How do I now trigger a download for this file in the Angular component where I receive the response?</p>