javascript - 单击 jspdf 下载按钮时不会执行任何操作。在 android Cordova

Question

我用 cordova 和 angularjs 制作了一个 Android 应用程序。我已经制作了下载 pdf 按钮，它在我的笔记本电脑上运行良好。但是当编译为 android 时，我的按钮在单击时不会执行任何操作。我添加了插件 cordova plugin add org.apache.cordova.file

我在这里遵循教程http://www.tricedesigns.com/2014/01/08/generating-pdf-inside-of-phonegap-apps/这是我的代码。

           $scope.exportPDF = function(){       
                    alert("tes");
                    //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 PhoneGap!');

                    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 );
                    });
}

警报已生效，但我的 pdf 仍然无法运行。有什么建议吗？

Answer 1

执行以下操作

1. 使用您的代码生成 pdf 并将其存储在本地，或者更好的是在服务器端进行

2. 安装应用内浏览器插件

   cordova plugin add cordova-plugin-inappbrowser
   

3. 使用

   创建下载按钮

   onclick="window.open("LOCAL_OR_REMOTE_URL", '_system');
   

这不仅会下载 pdf，还会在浏览器/pdf 应用程序中打开 pdf

<button class="btn btn-default" onclick="window.open(PDF_URL, '_system')">
    <i class="fa fa-file-pdf-o"></i> PDF
</button>