Chrome和FF下载嵌入网址数据

时间:2015-05-26 22:19:14

标签: javascript html google-chrome firefox pdf

我在我的页面上设置了嵌入

<embed src="http://yoursite.com/the.pdf" width="500" height="375">

加载页面时,会提示chrome提示下载文件的位置。

提供文件的php确实使用内联标题

即使PDF Object在两个浏览器中都无效,但在safari中也可以使用

我使用的是Mac,但我在Windows上确认了相同的结果

1 个答案:

答案 0 :(得分:0)

这适用于Mac上的Chrome浏览器,希望有所帮助。

<head lang="en">
    <script src="js/pdf.js"></script>
    <script>
        PDFJS.getDocument('read_me.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);
            });
        });
    </script>
</head>
<body>
    <canvas id="the-canvas"></canvas>
</body>

https://github.com/mozilla/pdf.js/blob/master/examples/helloworld/hello.js

转述

干杯, PJ