So erstellen und speichern Sie PDF-Datei mit CORDOVA auf dem mobilen Gerät

Question

Ich versuche, PDF-Datei auf dem mobilen Gerät zu erstellen und speichern. Ich benutze "Ionic" Framework mit jsPdf. Wenn ich das Skript im Browser ausführen erstellt es PDF-Datei und auf dem lokalen Computer heruntergeladen. Aber ich weiß nicht, wie ich dieses PDF-Dokument in lokalen mobilen Verzeichnissen speichern kann. Ich habe folgenden Code versucht.

var pdfOutput = pdf.output("blob"); 

ocument.addEventListener('deviceready', function() { 
       alert('device is ready, lets do some file reading pdf'); 
       $cordovaFile.createFile(cordova.file.externalRootDirectory, pdfOutput, true) 
       .then(function (success) { 
        alert('successfully created pdf file'); 
        }, function (error){ 
       alert('file write error' + error); 
       }); }); 

Kann mir bitte jemand dabei helfen? Es wird auch toll sein, wenn jemand mir den Prozess der Erstellung von Anwendungsordner und Speichern aller PDF-Dateien in diesem Ordner erzählen wird.

Answer 1

Hallo können Sie seine sehr einfach bedienen JsPDF mit cordova URL zu integrieren ist https://parall.ax/products/jspdf Schritt 1 Laden Sie die JSPDF Projektcode, und kopieren Sie die jspdf Bibliothek aus dem „dist“ Verzeichnis in Ihrem cordova Projekt, bei dem Sie alle js halten Bibliotheken t. Ich lege es in das www/jslib. Stellen Sie sicher, dass Sie die Bibliothek in Ihre Haupt-HTML-Datei einfügen.

Beispielcode

//FIRST GENERATE THE PDF DOCUMENT 
    console.log("generating pdf..."); 
    var doc = new jsPDF(); 

    doc.text(20, 20, 'HELLO!'); 

    doc.setFont("courier"); 
    doc.setFontType("normal"); 
    doc.text(20, 30, 'This is a PDF document generated using JSPDF.'); 
    doc.text(20, 50, 'YES, Inside of cordova!'); 

    var pdfOutput = doc.output(); 
    console.log(pdfOutput); 

    //NEXT SAVE IT TO THE DEVICE'S LOCAL FILE SYSTEM 
    console.log("file system..."); 
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) { 

    console.log(fileSystem.name); 
    console.log(fileSystem.root.name); 
    console.log(fileSystem.root.fullPath); 

    fileSystem.root.getFile("test.pdf", {create: true}, function(entry) { 
     var fileEntry = entry; 
     console.log(entry); 

    entry.createWriter(function(writer) { 
    writer.onwrite = function(evt) { 
    console.log("write success"); 
    }; 

     console.log("writing to file"); 
      writer.write(pdfOutput); 
     }, function(error) { 
      console.log(error); 
     }); 

    }, function(error){ 
     console.log(error); 
    }); 
    }, 
    function(event){ 
    console.log(evt.target.error.code); 
    });