Konwersja pliku PDF na obraz w javascript/Jquery

Question

Mamy dokument PDF i musimy pokazać miniaturę dokumentu. Jedynym sposobem na to jest przekonwertowanie dokumentu PDF do pliku obrazu i wyświetlenie obrazu jako miniatury.

Czy ktoś pomoże mi przekonwertować plik PDF na obraz? czy jest dostępna jakaś wtyczka? Dzięki

Answer 1

Aby przekonwertować plik PDF na plik img, nie można używać JS (z wyjątkiem pokazu).

Musisz użyć biblioteki takiej jak ImageMagick (PHP) lub Ghostscript (wiersz poleceń).

Odwiedź GhostScript

Trochę trudne do wykorzystania, ale wyjątkowo mocny.

Answer 2

Do tego celu można użyć PHP API ImageMagick. tutaj zawiera przykładowy kod w celach informacyjnych.

<?php 
    $location = "/usr/local/bin/convert"; // Binaries Location 
    $name  = "myfile.pdf"; //Source PDF File 
    $nameto  = "myfile.jpg"; // Output File 
    $convert = $location . " " . $name . " ".$nameto; // Command creating 
    exec ($convert); // Execution of complete command. 

    echo "PDF converted to JPEG!!"; 
    ?> 

także refer this page, dostaniesz więcej informacji

Answer 3

użycie

<script src="@Url.Content("~/Scripts/pdf.js")" type="text/javascript"></script> 
 
<script src="@Url.Content("~/Scripts/pdf.worker.js")" type="text/javascript"></script> 
 
<script src="@(Url.Content("~/Scripts/common.js"))"></script> 
 

 

 
PDFJS.disableWorker = true; 
 
        if (filesName[i].name.trim().substring(filesName[i].name.trim().lastIndexOf('.')).toLowerCase()==".pdf") { 
 
         PDFJS.getDocument(fileVal[i]).then(function getPdfHelloWorld(pdf) { 
 
          debugger; 
 
          pdf.getPage(pageNoForConversion).then(function getPageHelloWorld(page) { 
 
           debugger; 
 
           try { 
 
            var scale = 1.5; 
 
            var viewport = page.getViewport(scale); 
 
            var canvas = document.getElementById('the-canvas'); 
 
            var context = canvas.getContext('2d'); 
 
            canvas.height = viewport.height; 
 
            canvas.width = viewport.width; 
 
            page.render({ canvasContext: context, viewport: viewport }).then(function() { 
 
             passDataToGenerateGrid(i); 
 
             //setTimeout(passDataToGenerateGrid(i), 50000); 
 
            }); 
 
           } catch (e) { 
 

 
           } 
 
          }).then(function() { 
 

 
          });