Javascript js在Firefox中打开PDF，但不打开Chrome/Chrome或扩展_Javascript_Pdf_Google Chrome Extension

Javascript js在Firefox中打开PDF，但不打开Chrome/Chrome或扩展

javascript pdf google-chrome-extension

Javascript js在Firefox中打开PDF，但不打开Chrome/Chrome或扩展,javascript,pdf,google-chrome-extension,Javascript,Pdf,Google Chrome Extension,我只是尝试运行一个简单的pdf.js测试来测试它的基本功能，使用下面的代码，它在Firefox中显示得很好，但在任何Chrome浏览器或Chrome扩展（Chrome扩展）中都显示不出来，这正是我真正需要它的地方。我只是在本地抓取一个pdf，用pdf.js显示。有什么建议吗 <html> <body> <div> <button id="prev" onclick="goPrevious()">Previous</button&g

我只是尝试运行一个简单的pdf.js测试来测试它的基本功能，使用下面的代码，它在Firefox中显示得很好，但在任何Chrome浏览器或Chrome扩展（Chrome扩展）中都显示不出来，这正是我真正需要它的地方。我只是在本地抓取一个pdf，用pdf.js显示。有什么建议吗

<html>
<body>
  <div>
    <button id="prev" onclick="goPrevious()">Previous</button>
    <button id="next" onclick="goNext()">Next</button>
    &nbsp; &nbsp;
    <span>Page: <span id="page_num"></span> / <span id="page_count"></span></span>
  </div>

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

  <!-- Use latest PDF.js build from Github -->
  <script type="text/javascript" src="http://mozilla.github.io/pdf.js/build/pdf.js"></script>

  <script type="text/javascript">
    //
    // NOTE: 
    // Modifying the URL below to another server will likely *NOT* work. Because of browser
    // security restrictions, we have to use a file server with special headers
    // (CORS) - most servers don't support cross-origin browser requests.
    //
    var url = '/home/brent/Documents/pdfviewer/custodian-parent.pdf';

    //
    // Disable workers to avoid yet another cross-origin issue (workers need the URL of
    // the script to be loaded, and currently do not allow cross-origin scripts)
    //
    PDFJS.disableWorker = true;

    var pdfDoc = null,
        pageNum = 1,
        scale = 1.0,
        canvas = document.getElementById('the-canvas'),
        ctx = canvas.getContext('2d');

    //
    // Get page info from document, resize canvas accordingly, and render page
    //
    function renderPage(num) {
      // Using promise to fetch the page
      pdfDoc.getPage(num).then(function(page) {
        var viewport = page.getViewport(scale);
        canvas.height = viewport.height;
        canvas.width = viewport.width;

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

      // Update page counters
      document.getElementById('page_num').textContent = pageNum;
      document.getElementById('page_count').textContent = pdfDoc.numPages;
    }

    //
    // Go to previous page
    //
    function goPrevious() {
      if (pageNum <= 1)
        return;
      pageNum--;
      renderPage(pageNum);
    }

    //
    // Go to next page
    //
    function goNext() {
      if (pageNum >= pdfDoc.numPages)
        return;
      pageNum++;
      renderPage(pageNum);
    }

    //
    // Asynchronously download PDF as an ArrayBuffer
    //
    PDFJS.getDocument(url).then(function getPdfHelloWorld(_pdfDoc) {
      pdfDoc = _pdfDoc;
      renderPage(pageNum);
    });
  </script>  
</body>
</html>


以前的
下一个
页码：/
//
//注:
//将下面的URL修改到其他服务器可能*不*工作。因为浏览器
//安全限制，我们必须使用带有特殊头的文件服务器
//（CORS）-大多数服务器不支持跨源浏览器请求。
//
var url='/home/brent/Documents/pdfviewer/保管人parent.pdf'；
//
//禁用worker以避免另一个跨源问题（worker需要
//要加载的脚本，当前不允许跨源脚本）
//
PDFJS.disableWorker=true；
var pdfDoc=null，
pageNum=1，
比例=1.0，
canvas=document.getElementById（'the-canvas'），
ctx=canvas.getContext（'2d'）；
//
//从文档中获取页面信息，相应地调整画布大小，并呈现页面
//
函数呈现页面（num）{
//使用promise获取页面
pdfDoc.getPage（num）.然后（函数（第页）{
var viewport=page.getViewport（比例）；
canvas.height=viewport.height；
canvas.width=viewport.width；
//将PDF页面呈现到画布上下文中
var renderContext={
画布背景：ctx，
视口：视口
};
page.render（renderContext）；
});
//更新页面计数器
document.getElementById（'page_num'）。textContent=pageNum；
document.getElementById（'page_count'）。textContent=pdfDoc.numPages；
}
//
//转到上一页
//
函数goPrevious（）{
如果（pageNum=pdfDoc.numPages）
返回；
pageNum++；
渲染页面（pageNum）；
}
//
//作为ArrayBuffer异步下载PDF
//
getDocument（url）.then（函数getPdfHelloWorld（_pdfDoc）{
pdfDoc=_pdfDoc；
渲染页面（pageNum）；
});

这段代码是从PDF.js github中获取的，它们的一个示例如下： [

即使在他们的示例中，它也不在Chrome中运行。

Chrome的XHR无法处理文件资源。为Chrome开发使用XMLHttpRequest.PDF.js的web应用程序时，请使用本地web服务器，并且由于CORS，文件必须位于同一web服务器上

此外，扩展名对“file://”方案的访问权限由用户控制的“允许访问文件URL”复选框决定。

Chrome的XHR无法处理文件资源。当您为Chrome开发使用XMLHttpRequest的web应用程序时，请使用本地web服务器。您的意思是只需创建一个web服务器并在其上放置pdf？然后从Chrome ex使用XMLHttpRequest？PDF.js抓取它，并且文件必须在同一个web服务器上（请参阅）以及由用户控制的“允许访问文件URL”复选框确定的扩展对“文件：/”方案的访问。谢谢。我将尝试一下。