Question

我使用ng2-pdf-viewer库显示pdf文件。它需要[src]="pdfSrc"输入。（当“ pdfSrc”是PDF文件的URL时。）

我使用ngx-file-drop从计算机中拖动PDF文件。可以向我提供所拖动文件的输出：(onFileDrop)="dropped($event)。

这是问题：我想使用FileReader()提供一个URL，该URL将提供给ng2-pdf-viewer以显示文件。问题是，我没有收到常规事件，而是一个UploadEvent对象。

html：

    <pdf-viewer 
           .....[src]="pdfSrc".....            
    ></pdf-viewer>


    <file-drop>  
        ....(onFileDrop)="onDropped($event)"....       
    </file-drop>

ts：

    pdfSrc: string;

    onDropped(event: UploadEvent){
        if (event.target.files && event.target.files[0]) {
            var reader = new FileReader();

            reader.readAsDataURL(event.target.files[0]); // read file as data url

            reader.onload = (event) => { // called once readAsDataURL is completed
                this.pdfSrc = event.target.result;
            }
        }
    }

我当然知道：

错误TypeError：无法读取未定义的属性“文件”

因为UploadEvent没有target属性。

有人可以帮忙吗？

如何在ngx-file-drop中使用FileReader readAsDataURL

0 个答案: