使用syncfusion将angularjs中的blob存储绑定到pdf

时间:2019-03-26 10:13:23

标签: angularjs syncfusion

我正在尝试使用将输入作为blob来源URL的syncfusion的pdf查看器,但是使用它时会引发CORS错误。我的核心如下

 blobService.getFileFromBlobByURI(objBlobStorageModel).then(function (result) {
        $scope.ShowprofileSpinner = false;
        $scope.serviceurl = $sce.trustAsResourceUrl(result.data);
        $scope.serverActionSettings = {
            load: 'LoadAction', fileUpload: 'FileUploadAction',
            download: 'DownloadAction'
        }
    });

,而pdf的html如下

 <div id="container" style="width: 100%; height: 680px" ej-pdfviewer e-serviceurl="serviceurl" e-serverActionSettings="serverActionSettings"></div>

1 个答案:

答案 0 :(得分:0)

根据提供的详细信息,我们怀疑您正在serviceURL中传递PDF文档数据。 serviceUrl属性设置Web Service Url而不是PDF文档数据。请参阅下面的UG,以使用Web Service显示PDF文档。

https://help.syncfusion.com/angularjs/pdfviewer/getting-started#displaying-pdf-document-using-web-api

如果您要从Blob存储中加载PDF文档,请参考以下知识库文章, https://www.syncfusion.com/kb/8737/how-to-load-a-pdf-document-from-url-into-pdf-viewer-from-client-side

您还可以在控件初始化期间使用documentPath API加载PDF文档。请参阅以下链接中的“在控件初始化期间加载文档”部分,
https://help.syncfusion.com/angularjs/pdfviewer/getting-started#initialize-and-configure-the-control

此致

Ramya T