Question

在我的reactjs应用程序中，如何使用JavaScript获取文档的完整信息，例如，如果我使用的是.pdf或.doc文件，则需要知道页数。 JavaScript有可能吗？我尝试使用react-file-viewer可以预览文档，但是无法在该程序包中获取文档信息。还有其他方法吗

import React, { Component } from 'react';
import FileViewer from 'react-file-viewer';
import './App.css';

class Pdf extends Component {
    render() {
        const file = 'https://web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf';
        const type = 'pdf';
        return (
            <div className="container">
                <FileViewer
                    fileType={type}
                    filePath={file}
                />
            </div>
        );
    }
}

export default Pdf;

Answer 1

请尝试以下适用于PDF的javaScript / jQuery代码。

<!DOCTYPE html>
<html>
<body>
<div class="col-md-9">
    <div class="btn btn bg-primary">
        <input type="file" id="fileBrowse"/>
    </div>
    <hr />
    <div id="page"></div>
</div>
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<script type="text/javascript">

    //Image Upload Preview
    $(document).ready(function () {

        $("#fileBrowse").change(function () {
              readImage(this);
        })

    })
    function readImage(input) {

      if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.readAsBinaryString(input.files[0]);
            reader.onload = function(e) {
                var count = reader.result.match(/\/Type[\s]*\/Page[^s]/g).length;
                $("#page").html('Number of Pages:'+count);
            }
      }
    }
</script>

如何使用JavaScript获取文档信息

1 个答案: