我只需要在上传前预览一个文档文件,可以吗? 我正在获得上传文件的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