解决部分机型浏览器使用pdf.js 出现 undefined is not an object(evaluating ‘response.body.getReader‘) 报错问题

HHH 917

已于 2024-06-15 15:56:55 修改

阅读量908

点赞数 1

CC 4.0 BY-SA版权

分类专栏： pdf 文章标签： javascript pdf 前端

于 2024-06-15 14:24:37 首次发布

本文链接：https://blog.csdn.net/weixin_43245095/article/details/139701827

问题

undefined is not an object(evaluating ‘response.body.getReader’)

参考小王子的笔记本的技术博客
仔细分析源码后发现，PDFjs 的 getDocument 方法不仅可以接收 URL 作为参数，还可以接收多种类型：
在这里插入图片描述

而 fetch 方法返回的 Response 对象恰恰拥有 arrayBuffer 方法，可以将数据转为 ArrayBuffer 对象

解决

PDF.getDocument(url) 改为 PDF.getDocument({ data: arrayBufferPDF })

   let arrayBufferPDF;
    //
    // if (navigator.userAgent.indexOf('QQ')) {
   
    //   const pdfData = await fetch(url);
    //   arrayBufferPDF = await pdfData.arrayBuffer();
    // }
    // 解决部分机型浏览器 undefined is not an object(evaluating 'response.body.getReader')
    // https://www.qingcong.tech/technology/javascript/a-pdfjs-bug-in-qq.html#%E8%A7%A3%E5%86%B3%E5%8A%9E%E6%B3%95</