Как использовать FileReader readAsDataURL с ngx-file-drop - PullRequest
0 голосов
/ 20 мая 2019

Я использую библиотеку 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.

Может кто-нибудьпомочь?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...