Doc,Docx 文件在 react 中转换为 Pdf 文件

问题描述 投票:0回答:0

我想在 React 中将 Doc、Docx 文件转换为 Pdf 文件。我试过很多包。但仍然没有得到好的输出。最后我使用了这个,其中任何图像转换为 pdf 但 docx 没有转换。我该如何解决这个问题?谁能帮帮我??

提前致谢。

这是我现有的代码。

import React, { useState } from 'react';
import { Container } from 'react-bootstrap';
import { Helmet } from 'react-helmet';
import Footer from '../../Footer/Footer';
import Menu from '../../Header/Menu';
import TopHeader from '../../TopHeader/TopHeader';
import { FileUploader } from "react-drag-drop-files";
import pdfMake from 'pdfmake/build/pdfmake';
import pdfFonts from 'pdfmake/build/vfs_fonts';


pdfMake.vfs = pdfFonts.pdfMake.vfs;
const fileTypes = ["JPG", "PNG", "DOC","DOCX"];

const PdftoDoc = () => {
    const [getPdf,setGetPdf]=useState(null);
    
    // Handle Covert File
    const handleConvert = async (file) => {
      const reader = new FileReader();
      reader.readAsArrayBuffer(file);
      reader.onload = () => {
        const docxArray = reader.result;
        const docDefinition = {
          content: [{ image: docxArray, width: 500 }],
        };
        setGetPdf(pdfMake.createPdf(docDefinition))
      };
    };

    //Download File
    const handleDownload=()=>{
      getPdf.download();
    };


    

    return (
        <>
        <TopHeader />
        <Menu />
        <Container className='converter-container mb-5'>
           <h3 className='fw-bold word-Counter-result ps-2'>Convert Word To PDF</h3>
           <p>This PDF converter is your go-to solution to convert Word to PDF online. Convert Microsoft Word documents to the popular and practical Adobe PDF format. Convert DOC to PDF or DOCX to PDF.</p>

          <div className='convert-input-container'>
             <FileUploader 
                handleChange={handleConvert} 
                name="file" 
                types={fileTypes} 
                hoverTitle={"Drop Here"}
                required={true} />

          </div>

          <div className='text-center mt-3'>
               <button className='blog-btn'  onClick={handleDownload} >Download</button>
          </div>

       
        </Container>
        <Footer />
        </>
    );
};

export default PdftoDoc;
reactjs converters
© www.soinside.com 2019 - 2024. All rights reserved.