Я использую библиотеку ng2-pdf-viewer
для отображения PDF-файлов.Требуется [src]="pdfSrc"
вход.(Когда «pdfSrc» является URL-адресом файла PDF).
Я перетаскиваю файл PDF с компьютера, используя ngx-file-drop
.Это дает мне вывод перетаскиваемого файла: (onFileDrop)="dropped($event)
.
. Вот вопрос: я хотел бы использовать FileReader()
, чтобы предоставить 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;
}
}
}
Конечно, яget:
ОШИБКА TypeError: Невозможно прочитать свойство 'files' с неопределенным
, поскольку UploadEvent не имеет свойства target
.
Может кто-нибудьпомочь?