title: How to get the name of a file downloaded with Angular5
body: <p>My response Headers is:</p>
  
  <pre><code>HTTP/1.1 200 OK
  Content-Disposition: attachment; filename="file.docx"
  Accept-Ranges: bytes
  Cache-Control: public, max-age=0
  Last-Modified: Thu, 26 Apr 2018 10:37:00 GMT
  ETag: W/"c61-16301871843"
  Content-Type: application/vnd.openxmlformats-officedocument.wordprocessingml.document
  Content-Length: 3169
  Date: Thu, 26 Apr 2018 10:37:00 GMT
  Connection: keep-alive
  </code></pre>
  
  <p>I tried this code,</p>
  
  <pre><code> public download(id: string): Observable&lt;Blob&gt; {
      let headers = new Headers();
      const _baseUrl = (Api.getUrl(Api.URLS.download));
      headers.append('x-access-token', this.auth.getCurrentUser().token);
      headers.append('sale_id', id);
      return this.http.get(_baseUrl, { headers: headers, responseType: ResponseContentType.Blob})
        .map((res) =&gt; {
          console.log(res.headers) // show like in image
          return new Blob([res.blob()], { type: 'application/octet-stream' })
        });
    }
  </code></pre>
  
  <p>that show in console:
  <a href="https://i.stack.imgur.com/hhzsN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hhzsN.png" alt="enter image description here"></a></p>
  
  <p>Didn't show Content-Disposition !!</p>
  
  <p>How do I get the name of the file from the headers?</p>