我在将pdf.js集成到Android Ionic应用程序中时遇到了问题。我想要pdf.js将pdf呈现到准备好的画布上。
当我尝试使用加载文档时出现问题
PDFJS.getDocument(FILE_PATH)
这总是以错误告终。我做了一些研究,在SO和互联网上有很多关于将文件加载到pdf.js的问题,但要么他们讨论从服务器加载pdfs,而不是从file://
URL加载,要么他们建议对原生android代码进行一些更改,我想避免:如果可能的话,我正在寻找纯js cordova解决方案或插件。
我试着用PDFJS.disableWorker
做实验。在cannot read property 'length' of null
中设置为false会导致错误,在加载xhr
请求无法加载的文件时设置为true会导致错误。
我应该在配置文件中设置所有必要的读取权限。
我的问题是,如果有人使用pdf.js成功地将本地(file://..
)pdf加载到cordova应用程序中,最好使用js或插件,因为如果可能的话,我想扩展到其他平台。
感谢
正如用户async5所指出的,PDFJS.getDocument()
接受3种不同格式的输入。除了URL,它还接受Uint8Array
数据。因此,要获得所需格式的文件还需要两个步骤,第一步是将文件加载为数组缓冲区,第二步是将其转换为Uint8Array。以下是Ionic的纯JS示例,使用Cordova文件插件:
$cordovaFile.readAsArrayBuffer(DIRECTORY_URL, FILENAME).then(function(arraybuffer) { //DIRECTORY_URL starts with file://
var uInt8Arr = new Uint8Array(arraybuffer);
PDFJS.getDocument(uInt8Arr).then(function(pdf) {
//do whatever you want with the pdf, for example render it using 'pdf.getPage(page) and page.render() functions
}, function (error) {
console.log("PDFjs error:" + error.message);
});
}, function(error){
console.log("Load array buffer error:" + error.message);
});
这是一个Cordova的例子,没有使用Ionic
window.resolveLocalFileSystemURI(FILE_URL, function(e){
e.file(function(f){
var reader = new FileReader();
reader.onloadend = function(evt) {
PDFJS.getDocument(new Uint8Array(evt.target.result)).then(function(pdf) {
//do whatever you want with the pdf, for example render it using 'pdf.getPage(page) and page.render() functions
}, function (error) {
console.log("PDFjs error:" + error.message);
});
};
reader.readAsArrayBuffer(f);
});
}, function(e){
console.log("error getting file");
});