在线PDF阅读器 - 无需下载即可阅读PDF文件

<div id='pdf-container'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.8.335/pdf.min.js'></script>
<script>
    // PDF.js相关配置
    pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.8.335/pdf.worker.min.js';

    // 获取PDF文件URL
    var pdfUrl = 'https://down.wss.show/wscctc3/c/e1/ce1mwscctc3?cdn_sign=1696946519-87-0-57ad5565bb35edf4244b0b69687941f5&exp=1200&response-content-disposition=attachment%3B%20filename%3D'小学同步练习数学强化训练五年级.pdf';

    // 创建PDF阅读器
    var pdfContainer = document.getElementById('pdf-container');

    pdfjsLib.getDocument({ url: pdfUrl }).promise.then(function (pdfDoc) {
        // 加载第一页
        pdfDoc.getPage(1).then(function (page) {
            var scale = 1.5;
            var viewport = page.getViewport({ scale: scale });

            // 创建Canvas元素用于渲染PDF页面
            var canvas = document.createElement('canvas');
            var context = canvas.getContext('2d');
            canvas.height = viewport.height;
            canvas.width = viewport.width;
            pdfContainer.appendChild(canvas);

            // 渲染页面
            var renderContext = {
                canvasContext: context,
                viewport: viewport
            };
            page.render(renderContext);
        });
    });
</script>
<p>这段代码使用了PDF.js库来实现一个PDF阅读器。如果无法打开，可能是以下原因：</p>
<ol>
<li>
<p>网络问题：请确保您的网络连接正常，可以尝试使用其他网络环境或者重新加载页面。</p>
</li>
<li>
<p>PDF文件URL无效：请确保<code>pdfUrl</code>变量中的PDF文件URL是有效的。可以尝试访问该URL是否可以下载或打开PDF文件。</p>
</li>
<li>
<p>PDF.js库加载问题：请确保您的网络环境可以成功加载<code>https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.8.335/pdf.min.js</code>和<code>https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.8.335/pdf.worker.min.js</code>这两个文件。</p>
</li>
</ol>
<p>如果以上步骤都没有解决问题，请提供更多的错误信息或者详细描述问题的情况，以便进一步帮助您解决问题。</p>