React PDF转为图片显示

React PDF转为图片显示

使用pdfjs-dist解析pdf，配合antd上传pdf，并转化为png格式图片。

引入pdfjs-dist

import * as PDFJS from 'pdfjs-dist';
import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry';
PDFJS.GlobalWorkerOptions.workerSrc = pdfjsWorker;

拖拽上传

    return <div>
        <Dragger  id="upload" beforeUpload={file => {
            customUpload(file);
            return false
        }}>
            <p className="ant-upload-text">点击或将文件拖拽到这里上传</p>
            <p className="ant-upload-hint">支持扩展名：.pdf</p>
        </Dragger>
        <div id='pdf-container' ></div>
    </div>

自定义上传方法并生成canvas

    const customUpload = (file) => {
        const reader