PdfJsLib.GlobalWorkerOptions.workerSrc = '//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.0.943/pdf.worker.js'; PdfJsLib.getDocument({ url: newfile, cMapUrl, cMapPacked }).then((newPdf) => { this.setState({ pdf:newPdf }); if (onDocumentComplete) { onDocumentComplete(newPdf._pdfInfo.numPag...
import 'pdfjs-dist' // 使用方法 getPdfData = () =>{let pdfUrl= 'xxx.pdf' || url //同样是pdf文件或者是一个地址 let PDFJS=window.PDFJS // 引入后window中会有这个方法 可以在控制台打印下window看到 // 下面就是解析文件或者url PDFJS.getDocument(pdfUrl).then((pdfDoc_)=>{ let pdfDoc...
import 'pdfjs-dist' // 使用方法 getPdfData = () =>{let pdfUrl= 'xxx.pdf' || url //同样是pdf文件或者是一个地址 let PDFJS=window.PDFJS // 引入后window中会有这个方法 可以在控制台打印下window看到 // 下面就是解析文件或者url PDFJS.getDocument(pdfUrl).then((pdfDoc_)=>{ let pdfDoc...
import pdfjsLib from 'pdfjs-dist/webpack'; 加载PDF返回PDF对象 对PDF的获取处理等全部都是异步操作 const pdf = await pdfjsLib.getDocument('http://xxx/xxx.pdf') 获取PDF每页的对象 在回调中获取PDF每页的对象,并将其内容渲染到canvas中 for (let _page = 1; _page <= pdf._pdfInfo.numPages; ...
let pdfUrl = 'xxx.pdf' || url //同样是pdf文件或者是一个地址 1. 2. let PDFJS = window.PDFJS // 引入后window中会有这个方法 可以在控制台打印下window看到 // 下面就是解析文件或者url PDFJS.getDocument(pdfUrl).then((pdfDoc_) => { ...
githubreact-pdf-js importReactfrom'react';importPDFfrom'react-pdf-js';classDemoextendsReact.Component{render(){return(<PDFfile="http://.../xxx.pdf"/>)}}exportdefaultDemo; note 使用react-pdf-js实现pdf 的展示,使用的 canvas 不随可视窗口的大小变化而变化,可使用 width 设置宽度。
在查阅资料的过程中,发现有很多jQuery插件可以实现显示pdf, 但是我们是react单页面应用项目,看来这些插件并不适用,只能另寻其它方法。 后来在 npmjs.com 上找到了 react-pdf-js 组件, 心想显示pdf有望。就迫不及待将 react-pdf-js 依赖 通过 cnpm install react-pdf-js --save-dev 命令安装到项目中,通过 ...
后来在npm上找到了react-pdf-js组件, 心想显示pdf有望。就迫不及待将 react-pdf-js 依赖 通过 cnpm install react-pdf-js --save-dev 命令安装到项目中,通过 import PDF from 'react-pdf-js' 引入到项目里。将插入render里。 在调试过程中发现静态pdf文件可以显示,在线pdf文件不能显示。通过控制的报错信息了...
pdfjs-dist 其实就是pdfjs库,只是对其进行打包发布到npm了 直接根据官方文档的案例对比进行操作就行了 import { useEffect, useRef } from 'react' import * as PDFJS from 'pdfjs-dist' PDFJS.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/legacy/build/pdf.worker.min.js...
51CTO博客已为您找到关于react-pdf-js的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及react-pdf-js问答内容。更多react-pdf-js相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。