Converti file PDF in immagine in javascript/Jquery

Question

Abbiamo un documento PDF e dobbiamo mostrare una miniatura del documento. L'unico modo per farlo è convertire il documento PDF in un file immagine e mostrare l'immagine come miniatura.

Qualcuno può aiutarmi a convertire il PDF in file immagine? c'è qualche plugin disponibile? Grazie

Answer 1

Per convertire un PDF in img, non è possibile utilizzare JS (tranne che per mostrare solo).

È necessario utilizzare una libreria come ImageMagick (PHP) o Ghostscript (riga di comando).

Visita GhostScript

Un po 'difficile da usare ma estremamente potente.

Answer 2

È possibile utilizzare l'API PHP ImageMagick a questo scopo. qui ho incluso il codice di esempio per il vostro riferimento.

<?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!!"; 
    ?> 

Inoltre refer this page, è possibile ottenere maggiori informazioni

Answer 3

uso

<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() { 
 

 
          });