在 pdf 查看器 syncfusion 中加载 pdf

Question

我的 cshtml 中有以下代码：

<span id = "/C/documents/demo.pdf" class="viewDoc">Demo.pdf</span>

点击文档名称后，点击下面的函数viewDoc：

function viewDoc(docPath){
$.ajax({
    url: "/ViewDoc/LoadPDF",
    dataType: "text",
    type: "POST",
    data: docPath,
    success: function (data, textStatus, jqXHR) {
     $("#divViewer").ejPdfViewer({
            serviceUrl: “https://js.syncfusion.com/ejServices/api/PdfViewer”, 
            documentLoad: "load"
        });
         var divViewer= $("#divViewer").data("ejPdfViewer");
         obj.load(data["data"]);
    },
  });
}

我在控制器中的 LoadPDF 动作如下：

public Json LoadPDF (string docPath){
   PdfLoadedDocument loadedDocument = new PdfLoadedDocument(docPath);
   MemoryStream memoryStream = new MemoryStream();
   loadedDocument .Save(memoryStream);
   var bytes = memoryStream.ToArray();
   return JSON {new (Convert.ToBase64String(bytes))};  
}

但是，当文档在 syncfusion pdf 查看器中加载时，它显示的是一个空的 PDF。

当我使用 syncfusion 将 Microsoft Word 转换为 PDF，然后将其转换为 base64 字符串并将字符串发送到 PDF 查看器时，它可以正常加载。

我在这里做错了什么吗？或者无论如何将pdf加载到pdf查看器而不将其转换为base64字符串？

感谢您的帮助

Answer 1

我们分析了sn-p代码，怀疑是直接加载base64字符串到PDF查看器控件的load方法的问题，请参考修改后的sn-p加载文档代码到PDF 查看器控件。

function viewDoc(docPath){
 $.ajax({
url: "/ViewDoc/LoadPDF",
dataType: "text",
type: "POST",
data: docPath,
success: function (data, textStatus, jqXHR) {
 $("#divViewer").ejPdfViewer({
        serviceUrl: “https://js.syncfusion.com/ejServices/api/PdfViewer”, 
        documentLoad: "load"
    });
     var divViewer= $("#divViewer").data("ejPdfViewer");
     **divViewer.load("data:application/pdf;base64," + data["data"]);**  //kindly load the document as pdf.
},
 });
   }

注意：如果上述解决方案不能解决您的问题。请将您遇到问题的示例和 PDF 文档提供给我们，以便我们进行更多分析并更好地为您提供帮助。