Просмотр BLOB-объектов (изображений, PDF или документов) в веб-приложении - PullRequest
Новая
       58

Просмотр BLOB-объектов (изображений, PDF или документов) в веб-приложении

0 голосов
/ 18 июня 2019

Я пытаюсь просмотреть файлы изображений, pdf или doc в угловом веб-приложении.

ts код: 

this.fileService.getFile(fileId).subscribe(
    result => {
        let blob = new Blob([result[0].data], { type: result[0].type });
        this.FileType = result[0].type;
        this.FileUrl = window.URL.createObjectURL(blob);
    },
    error => {}
);

HTML: 

<img    *ngIf="FileType.indexOf('image') != -1" [src]="FileUrl | safe: 'resourceUrl'">
<iframe *ngIf="FileType.indexOf('image') == -1" [src]="'https://drive.google.com/viewerng/viewer?embedded=true&url=' + FileUrl | safe: 'resourceUrl'" width="100%" height="100px"></iframe>

Если это изображение, то оно работает без проблем, но для файлов pdf и doc я получаю эту ошибку: error

Этот код работал несколько месяцев назад ...

Какбыстрое исправление, я добавил кнопку загрузки для файлов, которая работает: 

<a class="btn btn-primary" [href]="FileUrl | safe: 'resourceUrl'" download>Download file</a>

Любые предложения о том, как просматривать файлы pdf или doc в угловом веб-приложении (кроме загрузки или открытияв новой вкладке / окне) ?

...