查看docx,PPTX,XLSX文件,然后以角度上传到服务器



我只需要在上传前预览一个文档文件,可以吗? 我正在获得上传文件的base64(可以是pdf,png和jpg(,并且可以在iframe中愉快地查看它。但是对于 Doc、Docx、PPTX 和 XLSX 的 base64,我无法在 iframe 中显示。

<input type="file" #file placeholder="Choose file" (change)="uploadFile(file)" >
<iframe [src]="Base64File"></iframe>
uploadFile(file) {
 let reader = new FileReader();
    reader.readAsDataURL(data.files[0]); 
    reader.onload = (_event) => { 
  this.Base64File= this._sanitizer.bypassSecurityTrustResourceUrl(reader.result);
}

我也使用过ngx-doc-viewer,它的问题是它不接受base64来查看文件,它仅适用于路径,并且在上传过程中,我无法从本地硬盘驱动器获取文件路径,如果我得到,angular将不允许我使用该路径。

我也有这个问题,iframe 标签用于查看 html 文档,我通过添加 ng-doc-viewer 解决了这个问题,这是一个 npm 包,这将下载您的文件,然后您可以使用 (npm i ngx-doc-viewer( 来安装软件包

在根模块中导入 NgxDocViewerModule 并使用以下代码

另请参阅: https://www.npmjs.com/package/ngx-doc-viewer

相关内容

最新更新