Почему PDF не отображается в angular - PullRequest
Новая
       65

Почему PDF не отображается в angular

1 голос
/ 27 марта 2020

Как я могу показать PDF-файл при использовании URL? Внешний интерфейс находится в angular, а внутренний - в django. PDF-файлы могут иметь динамические ссылки c, но эти PDF-файлы размещены на моем собственном сервере. Я знаю о X-Frame и X-Frame - это DENY, но я пробовал все другие варианты и все еще не могу это исправить. Я испробовал почти все возможные решения, доступные онлайн !!

Вот как я пытаюсь показать свой PDF в html файле 

<div [innerHTML]="innerHtml"> </div>

Здесь мой код, который инициализирует innerHtml

constructor(
    public sanitizer: DomSanitizer
  ) {

  }


public setInnerHtml(pdfurl: string) {
    this.innerHtml = this.sanitizer.bypassSecurityTrustHtml(
      "<object data='" + pdfurl + "' type='application/pdf' class='embed-responsive-item' style='width: 100%; height: 90vh'>" +
      "Object " + pdfurl + " failed" +
      "</object>");
  }

, но он показывает эту ошибку на консоли и не показывает pdf 

Refused to display 'FULL_URL_OF_MY_PDF_FILE' in a frame because it set 'X-Frame-Options' to 'deny'.

Ответы [ 2 ]

0 голосов
/ 28 марта 2020

установка npm в ngx-extended-pdf-viewer --save

angular. json 

    "src/favicon.ico",
    "src/assets",
    {
      "glob": "**/*",
      "input": "node_modules/ngx-extended-pdf-viewer/assets/",
      "output": "/assets/"
    }
  ],
  "scripts": []

в html: 

<ngx-extended-pdf-viewer [src]="'assets/example.pdf'" useBrowserLocale="true"height="80vh"></ngx-extended-pdf-viewer>

Я надеюсь, что это поможет вам.

0 голосов
/ 27 марта 2020
  1. Попробуйте использовать <iframe [src]="{{pdfUrl}}"></iframe>. это взлом, но это решает проблему.
  2. Этот NPM пакет полезен

npm i ng2-pdf-viewer https://www.npmjs.com/package/ng2-pdf-viewer

...