我正在构建一个网页,在该网页中我使用了 Mozilla 的 pdf.js 项目,并且它运行良好。但是我需要在单个页面上显示多个 pdf,它们将被放置在不同的分区中。有人认为我使用 iframe,但我只需要在 div 中显示它们,或者我可以使用按钮切换到同一页面上的其他 pdf
使用按钮切换到其他 pdf 的方式是完美的解决方案,可以通过 AJAX 完成,但我不知道如何使用 AJAX 实现此功能。有没有人可以为我提供实现它的方法?
当用户从选择文件工具框中选择一个 pdf 文件时,Mozilla 开发人员已经实现了以下代码来更改查看器中的 pdf:
window.addEventListener('change', function webViewerChange(evt) {
var files = evt.target.files;
if (!files || files.length == 0)
return;
// Read the local file into a Uint8Array.
var fileReader = new FileReader();
fileReader.onload = function webViewerChangeFileReaderOnload(evt) {
var data = evt.target.result;
var buffer = new ArrayBuffer(data.length);
var uint8Array = new Uint8Array(buffer);
for (var i = 0; i < data.length; i++)
uint8Array[i] = data.charCodeAt(i);
PDFView.load(uint8Array);
};
但我想在按钮单击事件上使用此代码,它应该在查看器上加载预先指定的 pfd。