comment faire pour lire en contenu de la disposition des en-têtes de réponse du serveur angulaire 2

Je suis incapable de trouver comment lire le nom de fichier à partir du contenu de la disposition angulaire 2 de la documentation. Quelqu'un peut-guide de lecture des en-têtes de du serveur angulaire 2le contenu des en-têtes

InformationsquelleAutor Sahil Agarwal | 2017-03-20
  1. 13

    Vous pouvez essayer ce genre de code ici.

    Remarque: N'utilisez pas de carte

    this.http.post(URL, DATA)
  .subscribe((res) => {
     var headers = res.headers;
     console.log(headers); //<--- Check log for content disposition
     var contentDisposition= headers.get('content-disposition');
});
    • Merci @Partha Sarathi Ghosh pour votre réponse, il semble également travailler avec méthode la carte
    • Veuillez jusqu'voter, alors. 🙂
    • Comment arriver à la même chose avec Promise ?
    • ne fonctionne pas pour moi. Seulement le type de contenu est dans les en-têtes
    • ne fonctionne pas pour moi aussi. Seulement le type de contenu est dans les en-têtes
    InformationsquelleAutor Partha Sarathi Ghosh
  2. 10

    Avec de nouveaux Angulaire Http, on peut essayer le suivant dans le code de Service.

      downloadLink(): Observable<HttpResponse<Blob>> {
    return this.http.get<Blob>(this.someURL, {
      observe: 'response',
      responseType: 'blob' as 'json'
    });
  }

    Et de l'utilisation de ce qui précède que

     this.someService
  .downloadLink()
  .subscribe(
    (resp: HttpResponse<Blob>) => {
      console.log(resp.headers.get('content-disposition'));
      data = resp.body
    });

    Aussi, sur le côté serveur, il faut installer la tête en réponse. 'Access-Control-Expose-Headers': 'Content-Disposition'

    Comme en Java Spring Boot, on peut faire la même chose en utilisant

        final HttpHeaders headers = new HttpHeaders();
    headers.add(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=1.xlsx");
    headers.add(HttpHeaders.ACCESS_CONTROL_EXPOSE_HEADERS, HttpHeaders.CONTENT_DISPOSITION);
    InformationsquelleAutor Nehal Damania
  3. 9

    À ceux qui se plaignent que la meilleure solution n'est pas de travail, et seulement le type de contenu est dans les en-têtes, vous devez définir le 'Contrôle d'Accès-Exposer-en-Têtes': 'Content-Disposition" SUR le CÔTÉ SERVEUR. Je suis à l'aide de asp.net de base, puis j'ai effectuer les opérations suivantes.

    app.UseCors(builder =>
                builder.WithOrigins(originsAllowed.ToArray())
                    .AllowAnyMethod()
                    .AllowAnyHeader()
                    .WithExposedHeaders("Content-Disposition")
    InformationsquelleAutor mslugx
  4. 2

    Angulaire 7 la a voté méthode ne fonctionne pas, vous devez faire comme ceci :

    const responseHeaderFilename = response.headers.get('content-disposition');

    Veuillez trouver Angulaire officiel de la documentation pour plus de détails: https://angular.io/guide/http#reading-the-full-response

    et aussi assurez-vous que le "Content-Disposition" est exposé comme dans @mslugx réponse

    InformationsquelleAutor Yehia Amer
  5. 0

    Angulaire, on peut lire Nom de Fichier comme montrer ci-dessous,

      this.http.post(URL, DATA).subscribe(
        (res) => {
            var contentDisposition = res.headers.get('content-disposition');
            var filename = contentDisposition.split(';')[1].split('filename')[1].split('=')[1].trim();
            console.log(filename);
        });

    Mais la chose principale est que nous avons besoin de spécifier de Contrôle d'Accès-Exposer-en-Tête de l'API comme indiqué ci-dessous,

    Remarque: La dernière ligne est obligatoire

    FileInfo file = new FileInfo(FILEPATH);

HttpResponseMessage response = new HttpResponseMessage(HttpStatusCode.OK);
response.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment")
{
    FileName = file.Name
};
response.Content.Headers.Add("Access-Control-Expose-Headers", "Content-Disposition");
    InformationsquelleAutor Chandan Y S