javascript - 带有PDFTron的Angular JS

我正在尝试将Blob作为URL，但在此行上出现错误：

xhr.send()

错误消息是angular.js:13920 Error: Failed to execute 'send' on 'XMLHttpRequest': The object's state must be OPENED.

但是在代码中，我正在使用xhr.open('GET', blobValue)，如我的代码所示

                if(someBlobValue){
                    var viewerElement = $document[0].getElementById('viewer');
                    var myWebViewer = new PDFTron.WebViewer({
                        path: 'lib',
                        pdftronServer: 'https://demo.pdftron.com' // remove
                    }, viewerElement);

                    var xhr = new XMLHttpRequest;
                    xhr.responseType = 'blob';

                    xhr.onload = function() {
                        var recoveredBlob = xhr.response;

                        var reader = new FileReader;

                        reader.readAsDataURL(recoveredBlob);
                    };

                    xhr.open('GET', someBlobValue);
                    xhr.setRequestHeader('Content-type', 'application/pdf');
                    xhr.send(); //error here although its open?
                    //var file = new File([newValue], 'somefile.pdf');
                    myWebViewer.loadDocument(xhr.response, { filename: 'somefile.pdf'});

目前，我将文档作为Blob，但是我正尝试将其加载到pdftron库中，但是不幸的是，我似乎没有在DOM中找到myWebViewer.getInstance().loadLocalFile方法（其未定义）。

将感谢任何指针，这是它首次尝试在angularjs应用程序中使用pdftron。

注意：这在指令内部。

最佳答案

您需要等待包含WebViewer的DOM元素触发ready事件，以定义从getInstance（）返回的ReaderControl实例。

例如：

$(viewerElement).on('ready', function() {
  myWebViewer.getInstance().loadLocalFile(someBlobValue);
});