首页 > 解决方案 > Syncfusion PDF Viewer 中不显示上传的 PDF?

问题描述

我正在尝试从本地机器上传文件,我需要使用 SyncFusion PDF 查看器显示上传的文件。我正在将上传的文件转换为 base64 字符串,然后加载该数据。但我在控制台中看到 500 错误。

我正在将上传的文件转换为 base64 字符串,然后加载该数据。但我在控制台中看到 500 错误。下面是我尝试过的代码

  public service: string;
   constructor() 
   {
      this.service = 
    'http://js.syncfusion.com/demos/ejservices/api/PdfViewer';
   }
    readFile(evt) 
   { 
        var upoadedFiles = evt.target.files;
        var uploadedFile = upoadedFiles[0];
        var reader = new FileReader();
        reader.readAsDataURL(uploadedFile);
         reader.onloadend = function () { 
                this.base64 = reader.result; 
                var pdfviewerObject = 
       document.getElementById('pdfViewer').ej2_instances[0]; 
                //load the base64 string 
                pdfviewerObject.load(this.base64); 
            }   

}

在上传文件时,我收到 500 错误代码作为我的响应。

标签: javasyncfusion

解决方案


根据提供的详细信息,我们发现您在代码中提供了 EJ1 PDF Viewer 服务 URL,而不是提供 EJ2 PdfViewer 服务 URL ( https://ej2services.syncfusion.com/production/web-services/api/pdfviewer )。请找到以下 KB 以开始使用 EJ2 PDF 查看器,并在 KB 末尾提供示例,

https://www.syncfusion.com/kb/10473/how-to-get-started-with-syncfusion-angular-7-pdfviewer-component 网络服务:https ://www.syncfusion.com/kb/10346/如何创建-pdf-viewer-web-service-application-in-asp-net-core

UG 链接:https ://ej2.syncfusion.com/angular/documentation/pdfviewer/getting-started/

还请在 PDF 查看器中找到以下 KB 链接以将文档加载为 base64, https://www.syncfusion.com/kb/10549/how-to-load-the-blob-storage-url-in-the-pdf-观众


推荐阅读