pdf文件转图片

   npm i pdfjs-dist  引入 || 

在线地址

    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.min.js"></script>

   <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.worker.min.js"></script>

beforeUpload=(file)=>{

        console.log(2222);

    // if (/pdf/g.test(file.type)) {

    //   const url = window.URL.createObjectURL(file);

      pdfjs

        .getDocument({ url:图片地址, cMapPacked: true })

        .promise.then((res) => res.getPage(1))

        .then((page) => {

          const scale = 1.5;

          const viewport = page.getViewport({ scale });

          const canvas = document.createElement('canvas');

          const context = canvas.getContext('2d');

          canvas.height = viewport.height;

          canvas.width = viewport.width;

          const renderContext = {

            canvasContext: context,

            viewport: viewport

          };

          page.render(renderContext).promise.then(() => {

            const src = canvas.toDataURL('image/png');// 这里是个base64

            console.log(src);

            this.setState({src})

            //后续上传操作......

          });

        });

      return;

    // }

    }