如何用pdf.js从数据库Blob对象加载PDF？Pyramid+ZODB场景求助

Got it, let's break this down step by step—I've dealt with exactly this stack before, so here's how to get your PDF objects displaying with pdf.js:

第一步：后端Pyramid配置，从ZODB取出PDF并返回正确响应 #

首先得确保你的ZODB里的PDF对象存储的是原始二进制bytes（不是字符串或者其他格式）。接下来写一个Pyramid视图，负责从ZODB提取PDF数据，并返回让pdf.js能识别的HTTP响应：

1. 编写视图函数 #

假设你的ZODB模型类叫StoredPDF，其中pdf_data字段存储二进制PDF内容：

from pyramid.response import Response
from your_zodb_module import StoredPDF  # 替换成你的ZODB模型路径

def serve_pdf(request):
    # 从路由参数获取PDF的唯一标识（比如ID）
    pdf_id = request.matchdict.get('pdf_id')
    
    # 从ZODB获取对应的PDF对象（这里的访问方式根据你的ZODB会话配置调整）
    pdf_obj = request.zodb_session.get(pdf_id)  # 或者用query方式，视你的实现而定
    
    if not pdf_obj or not pdf_obj.pdf_data:
        return Response(status='404 Not Found', body='PDF not found')
    
    # 构造响应：设置正确的Content-Type，返回二进制数据
    response = Response(
        body=pdf_obj.pdf_data,
        content_type='application/pdf'
    )
    # 可选：设置Content-Length，帮助浏览器处理大文件
    response.headers['Content-Length'] = str(len(pdf_obj.pdf_data))
    
    return response

2. 配置路由 #

在你的Pyramid应用初始化文件（比如__init__.py）里，给这个视图加路由：

def main(global_config, **settings):
    config = Configurator(settings=settings)
    # 其他配置...
    
    # 添加PDF服务路由
    config.add_route('serve_pdf', '/pdf/{pdf_id}')
    config.add_view(serve_pdf, route_name='serve_pdf')
    
    return config.make_wsgi_app()

第二步：前端用pdf.js加载PDF #

有两种常见的方式，选适合你的场景：

方式一：用pdf.js官方Viewer（快速集成） #

1. 下载pdf.js的预构建包（包含viewer.html、pdf.js、pdf.worker.js等），放到Pyramid的静态资源目录（比如static/pdfjs/）。
2. 在你的页面里用iframe加载viewer.html，并通过file参数指向后端的PDF路由：

<!-- 替换pdf_id为实际的PDF标识 -->
<iframe 
    src="/static/pdfjs/viewer.html?file=/pdf/your-pdf-id-here"
    width="100%"
    height="800px"
    frameborder="0"
></iframe>

方式二：自定义PDF渲染（灵活可控） #

如果不需要完整的viewer功能，自己写简单的渲染逻辑：

1. 同样把pdf.js的核心文件放到静态目录，然后在页面引入：

<script src="/static/pdfjs/pdf.js"></script>
<canvas id="pdf-render-canvas"></canvas>

<script>
    // 设置pdf.worker的路径
    pdfjsLib.GlobalWorkerOptions.workerSrc = '/static/pdfjs/pdf.worker.js';
    
    const canvas = document.getElementById('pdf-render-canvas');
    const ctx = canvas.getContext('2d');
    
    async function renderPDF() {
        // 后端PDF路由的URL
        const pdfUrl = '/pdf/your-pdf-id-here';
        // 加载PDF文档
        const pdfDoc = await pdfjsLib.getDocument(pdfUrl).promise;
        
        // 渲染第一页（可以扩展成多页渲染）
        const page = await pdfDoc.getPage(1);
        const viewport = page.getViewport({ scale: 1.2 }); // 调整缩放比例
        
        // 设置canvas尺寸匹配页面
        canvas.width = viewport.width;
        canvas.height = viewport.height;
        
        // 渲染到canvas
        await page.render({
            canvasContext: ctx,
            viewport: viewport
        }).promise;
    }
    
    // 页面加载完成后执行渲染
    window.addEventListener('load', renderPDF);
</script>

关键注意事项 #

• 验证PDF数据完整性：先把ZODB里的pdf_data导出到本地文件，确认能正常打开，排除数据损坏的问题。
• CORS问题：如果前端和后端不在同域，需要在Pyramid的响应里添加CORS头：response.headers['Access-Control-Allow-Origin'] = 'https://your-frontend-domain.com'（生产环境别用*）。
• 大文件处理：如果PDF很大，考虑用Pyramid的流式响应（返回字节迭代器），避免一次性加载全部数据到内存。

内容的提问来源于stack exchange，提问作者chanchal pardeshi