Question

在我的react应用程序中，我正在使用iframe显示.pdf，.doc文件。我需要获得许多页面，因为在滚动iframe时，我需要显示一条警报消息。例如，如果我有两页，则只需要显示一页，那么在滚动iframe时应该会发生这种情况。

import React, { Component } from 'react';
import './App.css';

class PdfView extends Component {
    componentDidMount(){
        const input = document.getElementById("iframeId");
        const reader = new FileReader();
        reader.readAsBinaryString(input.files[0]);
        reader.onloadend = function(){
            const count = reader.result.match(/\/Type[\s]*\/Page[^s]/g).length;
            console.log('Number of Pages:',count );
        }
    }

    render() { 
        const file = 'http://docs.google.com/gview?url=https://web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf&embedded=true';
        return (
            <div className="container">
                <iframe id="iframeId" src={file}  width='100%' height='500' title="test" />
            </div>
        );
    }
}

export default PdfView;

我尝试使用上面的代码，由于我没有任何reader.readAsBinaryString(input.files[0]);，因此在此行files中出现错误。如何解决这个问题

如何在javascript中获取.pdf，.doc，页面长度

0 个答案: