How to display a pptx file from server(API) in modal pop-up in angular?

Asked Jan 28 '20 at 11:19

Active Jan 28 '20 at 13:00

Viewed 555 times

I have an API which allows me to download .pptx file. So, I am writing a Http get request with content type application/vnd.openxmlformats-officedocument.presentationml.presentation and response type- text.

However I am getting an error for JSON.parse()--- So, not able to download file.

Below is the code for reference:

service.ts:

getPPTs(){
    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type':  'application/vnd.openxmlformats-officedocument.presentationml.presentation',
        responseType : 'text',
        Accept : 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
        observe : 'response'
      })
    };
    return this.http.get(environment.resourceUrl, httpOptions); 
  }

Also, I want to display .pptx file content in modal pop-up.

Can anybody suggest any solution?

edited Jan 28 '20 at 13:00

asked Jan 28 '20 at 11:19

Suvarnamala Kshirsagar

Can you post the exact error? as a text? – Prashant Pimpale Jan 28 '20 at 11:21
Refused to display 'PPTLink' in a frame because it set 'X-Frame-Options' to 'sameorigin'. – Suvarnamala Kshirsagar Jan 29 '20 at 13:00
and If I try to display local pptx file in iframe, the file gets downloaded and is never displayed in iframe. – Suvarnamala Kshirsagar Jan 29 '20 at 13:16
Try to change `responseType : 'text'` with `responseType : 'blob'`, and check if it helps – Prashant Pimpale Jan 29 '20 at 13:37
Also tried with responseType: 'blob'. It also gives error like `error: SyntaxError: Unexpected token P in JSON at position 0 at JSON.parse () at XMLHtt…, text: "PK!�2�C�u...` – Suvarnamala Kshirsagar Jan 30 '20 at 06:45
Thanks @PrashantPimpale! Removing `httpOptions` and just adding `responseType:'blob'` worked upto downloading ppt. So, it worked partially. Now I want to display that ppt in a modal pop-up. – Suvarnamala Kshirsagar Jan 30 '20 at 07:22
Glad it helped! – Prashant Pimpale Jan 30 '20 at 07:25

How to display a pptx file from server(API) in modal pop-up in angular?

0 Answers0