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

问题

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

参考 小王子的笔记本的技术博客
仔细分析源码后发现,PDFjs 的 getDocument 方法不仅可以接收 URL 作为参数,还可以接收多种类型:
解决部分机型浏览器 使用pdf.js 出现 undefined is not an object(evaluating ‘response.body.getReader‘) 报错问题_第1张图片

而 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

你可能感兴趣的:(pdf,javascript,pdf,前端)