pdf.js分段加载

pdf.js默认是支持分段加载，大文件能减少打开时间。 前端代码 var pdfview = _path+'js/pdfjs/web/viewer.html'; function online_pdf(path) { var index= path.lastIndexOf(.); //获取后缀 var ext = path.substr(index+1); if (ext=='pdf') { //加载文件接口 var url_s = _path+'secure/showpdf?identNo='+ path; window PDF.js 是一个由 Mozilla 维护的开源库，专门用于在 Web 浏览器中渲染 PDF 文档。这个库的一大特点就是支持分段加载（也称为增量加载或断点续传），尤其对于大文件，这种方法可以显著提高用户体验，因为用户不需要等待整个文件下载完毕就可以开始查看文档。 在前端部分，`online_pdf` 函数负责处理 PDF 文件的加载。它检查文件路径 `path` 的后缀是否为 `.pdf`。如果是，它构建一个 URL (`url_s`)，并使用 `window.open` 打开一个新窗口，指向 `pdfview`（即 PDF.js 的 viewer.html）并传递文件的 URL。这个过程通过 `encodeURIComponent` 对 URL 进行编码，确保它可以在 URL 查询字符串中安全传递。 在后端，我们看到一个 `showpdf` 方法，它是处理来自前端请求的入口点。当浏览器请求 PDF 文件时，`showpdf` 方法被调用，它根据 `identNo` 获取文件，并准备将文件内容发送回客户端。这里，如果请求头包含 "range" 字段，说明客户端正在请求断点续传。后端代码会解析这个字段，确定需要传输的文件字节范围，并设置 HTTP 响应的状态码为 206（表示部分内容）。如果 "range" 字段不存在，那么整个文件会被发送，响应状态码设为 200。同时，后端会设置正确的 `Content-Range` 头，告知客户端所传输的字节范围，以及文件的总大小。 在 `download` 方法中，文件从服务器下载到内存，然后通过 `BufferedInputStream` 和 `BufferedOutputStream` 实现高效的流式传输。如果存在 "range" 请求头，后端将只读取和发送指定范围的字节。这样，即使文件非常大，浏览器也可以逐步加载，从而减少了用户等待的时间。 总结来说，PDF.js 分段加载利用了 HTTP 的 "range" 请求头来实现大文件的增量加载。前端通过 `online_pdf` 调用后端接口，后端根据请求头判断是否进行断点续传，并设定正确的响应头，确保浏览器可以有效地加载 PDF 内容。这种技术对于提高大型 PDF 文件的在线浏览体验具有重要意义。