1

我正在尝试在我的 rails 应用程序上使用 PDFJS 加载 pdf。仅加载图像,而不会渲染任何文本。

控制台说:

Warning: Error during font loading: Maximum call stack size exceeded

奇怪的是,它可以在 localhost 和 Firefox 上完美运行。它适用于本地主机上的任何浏览器。该错误仅出现在生产服务器上。

这是我的配置。

应用程序.js

//= require compatibility
//= require pdf
//= require pdf_viewer
//= require simpleviewer

simpleviewer.js.erb

$(function(){

  'use strict';

  if (!PDFJS.PDFViewer || !PDFJS.getDocument) {
    alert('Please build the library and components using\n' +
          '  `node make generic components`');
  }

  PDFJS.workerSrc = "<%= asset_path('pdf.worker.js') %>";

  $('[data-type=pdf]').each(function(){
    var pdfUrl =$(this).attr('data-url');
    var container = $(this).find('#viewerContainer')[0];
    renderPdf(pdfUrl,container)
  })

  function renderPdf(pdfUrl, container){
    var pdfLinkService = new PDFJS.PDFLinkService();
    var pdfViewer = new PDFJS.PDFViewer({
      container: container,
      linkService: pdfLinkService,
    });
    pdfLinkService.setViewer(pdfViewer);

    container.addEventListener('pagesinit', function () {
      pdfViewer.currentScaleValue = 'page-width';
    });

    PDFJS.getDocument(pdfUrl).then(function (pdfDocument) {
      pdfViewer.setDocument(pdfDocument);
      pdfLinkService.setDocument(pdfDocument, null);
    });
  }
})

pdf_show.erb

<div class="pdf_show" data-type="pdf" data-url="#{pdf_url}">
  <div id="viewerContainer">
    <div id="viewer" class="pdfViewer">
    </div>
  </div>
</div>

非常感谢。

4

2 回答 2

1

https://github.com/mozilla/pdf.js/issues/7044所述,这是 Chrome 运行 Uglified 代码的问题。您可以使用一种解决方法:应用{compress: {sequences: false}}选项(请参阅源代码)或禁用 JS 压缩。(您也可以将问题报告给 Chrome 错误跟踪系统)。

于 2016-04-11T13:36:41.683 回答
-1

大家都提到这个错误是由于chrome无法正确读取缩小后的代码。我尝试有选择地禁用 Rails 资产压缩器,但失败了。

所以对于解决方法,我使用这个 cdn 。我不知道这是否是官方 CDN。

https://npmcdn.com/pdfjs-dist@1.4.79/build/pdf.combined.js

更新:我正在使用的 CDN 使用的是假工人而不是缩小,我找不到任何其他用于 pdfjs 的 CDN。所以我在 AWS S3 上托管了缩小的 pdf.js 和 pdf.worker.js 并将其用作我自己的 cdn。

于 2016-04-12T04:19:44.870 回答