Angular 上载PDF文件中的缩略图视图问题（2）

我是新来的。我试图上传一个PDF，并使用

ng2 PDF viewer

在UI中显示它的缩略图，但我遇到了类似这样的错误

AppComponent.html:10 ERROR Error: Invalid parameter object: need either .data, .range or .url
    at error (pdf.combined.js:357)
    at Object.getDocument (pdf.combined.js:11832)
    at PdfViewerComponent.webpackJsonp../node_modules/ng2-pdf-viewer/dist/pdf-viewer.component.js.PdfViewerComponent.loadPDF (pdf-viewer.component.js:89)
    at PdfViewerComponent.webpackJsonp../node_modules/ng2-pdf-viewer/dist/pdf-viewer.component.js.PdfViewerComponent.ngOnChanges (pdf-viewer.component.js:78)
    at checkAndUpdateDirectiveInline (core.es5.js:10891)
    at checkAndUpdateNodeInline (core.es5.js:12382)
    at checkAndUpdateNode (core.es5.js:12321)
    at debugCheckAndUpdateNode (core.es5.js:13182)
    at debugCheckDirectivesFn (core.es5.js:13123)
    at Object.eval [as updateDirectives] (AppComponent.html:10) 

我的代码如下

应用程序组件

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import {FormsModule} from '@angular/forms';

import { AppComponent } from './app.component';
import { PdfViewerComponent } from 'ng2-pdf-viewer';

@NgModule({
  declarations: [
    AppComponent
  , PdfViewerComponent],
  imports: [
    BrowserModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
platformBrowserDynamic().bootstrapModule(AppModule);

app.component.html

<div class="container">
<div class="form-group col-sm-3">
          <label for="">PDF file</label>
          <input type="file"  (change)="fileChange($event)" accept=".pdf">
        </div>
    <div class="row">
        <div class="col-md-5">
            <div class="thumbnail" style="width: 150px;height: 200px;" (click)="pdfShow=!pdfShow">
                <p>click me to view PDF in Iframe!</p>
                <pdf-viewer [src]="fileData"
                            [page]="page"
                            [original-size]="false"
                            style="display: block;"
                 ></pdf-viewer>
            </div>
            <br>
        </div>
        <div class="col-md-7">
            <div *ngIf="pdfShow">
                <h4>PDF in Iframe</h4>
                <iframe width="500" height="600" [src]="fileData" type="application/pdf"></iframe>
            </div>
        </div>
    </div>
</div>

<div class="container">
<div class="form-group col-sm-3">
          <label for="">PDF file</label>
          <input type="file"  (change)="fileChange($event)" accept=".pdf">
        </div>
    <div class="row">
        <div class="col-md-5">
            <div class="thumbnail" style="width: 150px;height: 200px;">
                <pdf-viewer [src]="pdfSrc"
                            [page]="page"
                            [original-size]="false"
                            style="display: block;"
                 ></pdf-viewer>
            </div>
            <br>
        </div>
    </div>
</div>

---

有人能帮我吗。

在app.component.html和app.component.ts中做了一些更改。现在它的作品

app.component.html

<div class="container">
<div class="form-group col-sm-3">
          <label for="">PDF file</label>
          <input type="file"  (change)="fileChange($event)" accept=".pdf">
        </div>
    <div class="row">
        <div class="col-md-5">
            <div class="thumbnail" style="width: 150px;height: 200px;" (click)="pdfShow=!pdfShow">
                <p>click me to view PDF in Iframe!</p>
                <pdf-viewer [src]="fileData"
                            [page]="page"
                            [original-size]="false"
                            style="display: block;"
                 ></pdf-viewer>
            </div>
            <br>
        </div>
        <div class="col-md-7">
            <div *ngIf="pdfShow">
                <h4>PDF in Iframe</h4>
                <iframe width="500" height="600" [src]="fileData" type="application/pdf"></iframe>
            </div>
        </div>
    </div>
</div>

<div class="container">
<div class="form-group col-sm-3">
          <label for="">PDF file</label>
          <input type="file"  (change)="fileChange($event)" accept=".pdf">
        </div>
    <div class="row">
        <div class="col-md-5">
            <div class="thumbnail" style="width: 150px;height: 200px;">
                <pdf-viewer [src]="pdfSrc"
                            [page]="page"
                            [original-size]="false"
                            style="display: block;"
                 ></pdf-viewer>
            </div>
            <br>
        </div>
    </div>
</div>