npm pdf viewer



Angular2 PDF anzeigen (1)

Zuerst müssen Sie Optionen für Ihre HTTP-Anfrage festlegen - responseType auf ResponseContentType.Blob setzen, blob() , um die Antwort als blob zu lesen, und den Typ auf application/pdf :

downloadPDF(): any {
    return this._http.get(url, { responseType: ResponseContentType.Blob }).map(
    (res) => {
            return new Blob([res.blob()], { type: 'application/pdf' })
        }
}

Um die Datei zu erhalten, müssen Sie sie subscribe Sie können dann eine neue ObjectURL erstellen und window.open() , um die PDF-Datei auf der neuen Registerkarte zu öffnen:

this.myService.downloadPDF().subscribe(
        (res) => {
        var fileURL = URL.createObjectURL(res);
        window.open(fileURL);
        }
    );

Ich habe ein angular2 Projekt mit einer ASP.Net Web API. Ich habe Code, um einen Dateipfad von meiner Datenbank zu erhalten, der zu einem Dokument auf meinem Server geht. Ich möchte dieses Dokument dann im Browser in einem neuen Tab anzeigen. Hat jemand irgendwelche Vorschläge, wie man das macht?

Ich bin glücklich, die Datei entweder in Angular2 (Typescript) oder in meiner API abrufen und streamen.

Dies ist mein Versuch, es in meiner API abzurufen, aber ich kann nicht herausfinden, wie ich es in Angular2 erhalten und es richtig anzeigen kann:

public HttpResponseMessage GetSOP(string partnum, string description)
    {
        var sopPath = _uow.EpicorService.GetSOP(partnum, description).Path;
        HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);
        var stream = new FileStream(sopPath, FileMode.Open);
        result.Content = new StreamContent(stream);
        result.Content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("application/octet-stream");
        return result;
    }

Jede Hilfe würde sehr geschätzt werden.

Danke vielmals!!!





filestream