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 库中,不幸的是我似乎没有myWebViewer.getInstance().loadLocalFile
在 DOM 中找到该方法(其未定义)。
将不胜感激任何指针,因为它是第一次尝试在 angularjs 应用程序中使用 pdftron。
注意:这是在指令中。
解决方案
你的代码逻辑上没有错,
- 您只是忘记在此处实例化 XHR 对象
var xhr = new XMLHttpRequest;
。 - 您可以通过这样做来纠正它
var xhr = new XMLHttpRequest();
推荐阅读
- python - 如何使 .exe 文件不触发 window/mac 安全警告?
- pandas - QT 表格单元格编辑错误:只有整数、切片 (`:`)、省略号 (`...`)、numpy.newaxis (`None`)
- java - 错误消息 - 创建新的密钥库 (PKCS12) (Andorid Studio)
- javascript - 我没有在我的 React-app 中获得列表项
- java - 测试 UUID 抛出 org.mockito.exceptions.misusing.MissingMethodInvocationException
- php - 为什么我不断收到警告:标题可能不包含多个标题,在此代码中检测到错误的新行?
- c# - 我可以让 Linq 异步加入吗?
- security - 测试 AntD Upload 组件时上传文件的安全问题
- gcc - aarch64-linux-gnu/bin/ld: 找不到 -lpcap
- reactjs - React CRA 自动重新加载在 Chrome/Firefox Windows 10 上不起作用