使用 fpdf 库的 php 中的 pdf 图书阅读器答案

【问题标题】：pdf book reader in php using fpdf library使用 fpdf 库的 php 中的 pdf 图书阅读器
【发布时间】：2014-01-14 12:47:32
【问题描述】：

我想开发一个功能，可以在浏览器中以书籍格式读取上传的 pdf 文件。谁能建议我如何实现这一目标？我正在尝试使用 php，javascript 的 jquery 来实现它。

【问题讨论】：

你读过 FPDF 是做什么的吗？
是的，我正在寻找解决方案来实现这一目标。如果有任何其他库或工具存在

标签： javascript php jquery fpdf

【解决方案1】：

您可以在以下链接中使用 JS https://github.com/mozilla/pdf.js

使用示例

<!doctype html>
<html>

<head>
  <!-- In production, only one script (pdf.js) is necessary -->
  <!-- In production, change the content of PDFJS.workerSrc below -->
  <script type="text/javascript" src="../../src/shared/util.js"></script>
  <script type="text/javascript" src="../../src/shared/colorspace.js"></script>
  <script type="text/javascript" src="../../src/shared/pattern.js"></script>
  <script type="text/javascript" src="../../src/shared/function.js"></script>
  <script type="text/javascript" src="../../src/shared/annotation.js"></script>
  <script type="text/javascript" src="../../src/display/api.js"></script>
  <script type="text/javascript" src="../../src/display/metadata.js"></script>
  <script type="text/javascript" src="../../src/display/canvas.js"></script>
  <script type="text/javascript" src="../../src/display/font_loader.js"></script>

  <script type="text/javascript">
    // Specify the main script used to create a new PDF.JS web worker.
    // In production, leave this undefined or change it to point to the
    // combined `pdf.worker.js` file.
    PDFJS.workerSrc = '../../src/worker_loader.js';
  </script>
  <script type="text/javascript" src="hello.js"></script>
</head>

<body>
  <canvas id="the-canvas" style="border:1px solid black;"/>
</body>

</html>

hello.js - 文件

//
// Fetch the PDF document from the URL using promises
//
PDFJS.getDocument('helloworld.pdf').then(function(pdf) {
  // Using promise to fetch the page
  pdf.getPage(1).then(function(page) {
    var scale = 1.5;
    var viewport = page.getViewport(scale);

    //
    // Prepare canvas using PDF page dimensions
    //
    var canvas = document.getElementById('the-canvas');
    var context = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    //
    // Render PDF page into canvas context
    //
    var renderContext = {
      canvasContext: context,
      viewport: viewport
    };
    page.render(renderContext);
  });
});

这将帮助您直接查看附件

【讨论】：

【解决方案2】：

我曾尝试使用https://github.com/mozilla/pdf.js 开发 PDF 书籍，但没有成功。

我不确定我将在“viewer.js”文件中更改哪些参数以制作 PDF 书。我正在避免https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website-%28Windows%29 文档。我可以在浏览器中打开 PDF，但无法打开书籍格式的 PDF。

【讨论】：

在view.js中你会改变正确打开PDF的文件路径，可能是你使用调用此代码的方法和函数参数帮助根据需要切换文件名，休息代码应该保持不变，我看到它工作。或许再给一次机会，你就能成功