forthealllight / react-read-pdf Goto Github PK
View Code? Open in Web Editor NEWa mobile-friendly PDF Reader in browser for React 16.5
License: MIT License
a mobile-friendly PDF Reader in browser for React 16.5
License: MIT License
to avoid those errors in console, the following code should be changed :
_this.pageAdd = function () {
if (_this.pdfViewer.currentPageNumber > _this.pdfDocument.numPages) {
return;
}
_this.pdfViewer.currentPageNumber++;
};
_this.pageDelete = function () {
if (_this.pdfViewer.currentPageNumber < 1) {
return;
}
_this.pdfViewer.currentPageNumber--;
};
should be >=
and
< should be <=
regards,
Naama
Uncaught Error: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's render
method, or you have multiple copies of React loaded
使用页面会报这个错误,我看到CSDN上也有个人有同样的问题.
同样问题地址: https://blog.csdn.net/liwusen/article/details/83381284
It looks like MobilePDFReader is reassigning its own this.props
while rendering. This is not supported and can lead to confusing bugs.
有遇到的吗
你好,我看了你的代码写好棒!请问怎样才能写出如此清晰易读的代码 ? 真心求教
Error: only one instance of babel-polyfill is allowed。
当然引入这个包的时候
import pdfData from './static/iNode.pdf';
So when using the MobilePDFReader, I'm getting the following crash when I just provide the "data" parameter with the raw binary data for the PDF.
Uncaught TypeError: Cannot read property 'indexOf' of undefined
at Object.getFilenameFromUrl (pdf.js:9332)
at WrappedComponent.MobilePDFReader.setTitleUsingUrl (index.tsx:167)
at WrappedComponent.MobilePDFReader.open (index.tsx:122)
at WrappedComponent.MobilePDFReader.componentDidMount (index.tsx:264)
at commitLifeCycles (react-dom.development.js:19847)
at commitLayoutEffects (react-dom.development.js:22834)
at HTMLUnknownElement.callCallback (react-dom.development.js:188)
at Object.invokeGuardedCallbackDev (react-dom.development.js:237)
at invokeGuardedCallback (react-dom.development.js:292)
at commitRootImpl (react-dom.development.js:22572)
at unstable_runWithPriority (scheduler.development.js:653)
at runWithPriority$1 (react-dom.development.js:11061)
at commitRoot (react-dom.development.js:22412)
at finishSyncRender (react-dom.development.js:21838)
at performSyncWorkOnRoot (react-dom.development.js:21824)
at react-dom.development.js:11111
at unstable_runWithPriority (scheduler.development.js:653)
at runWithPriority$1 (react-dom.development.js:11061)
at flushSyncCallbackQueueImpl (react-dom.development.js:11106)
at flushSyncCallbackQueue (react-dom.development.js:11094)
at scheduleUpdateOnFiber (react-dom.development.js:21230)
at Object.enqueueSetState (react-dom.development.js:12661)
at ReportView../node_modules/react/cjs/react.development.js.Component.setState (react.development.js:471)
If I try to provide the url property, then the pdf doesn't display at all, because I assume the url is overriding the use of the data property. This problem doesn't occur with the PDFReader, only with the mobile version of the reader.
import * as React from "react";
import * as CSSModules from "react-css-modules";
import * as styles from "./index.less";
import * as pdfjsLib from "pdfjs-dist";
// The workerSrc property shall be specified.
pdfjsLib.GlobalWorkerOptions.workerSrc = "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.0.550/pdf.worker.js";
这个pdf.worker.js支持下配置化
更新:已经解决,需要自己安装后 run lib
你好 我使用 MobilePDFReader 的时候 报了 Image exceeded maximum allowed size and was removed 请问 是什么原因造成的? 是因为pdf文件太大的原因吗?
请问一下,PDFReader showAllPage=true 只会重复显示第一页是什么原因?
I want to implement my own footer, but the PDF does not re-render once I change the scale or the page number.
Hi, here's the code:
`
The PDF appears fine, but all pages show the first page of the PDF.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.