jsPDF和cordova无法查看pdf文件

Question

我正在尝试为我的应用程序生成 PDF 发票，我可以访问 'console.log ("write success");' 行但我只是找不到文件。请帮忙！！！如何将其保存到手机中的文件夹中？？？

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

Answer 1

您将文件保存在系统的根路径中。

如果要选择文件夹，请查看cordova file plugin

因此，如果您想选择一个公共文件夹，以便在您的应用之外检查您的文件，请查看此链接

https://github.com/apache/cordova-plugin-file#android-file-system-layout

然后选择一个 private = no。

例如：

window.resolveLocalFileSystemURL(cordova.file.externalDataDirectory, function(dir) {
          dir.getFile("test.pdf", {create: true, exclusive: false}, function (fileEntry) {
            fileEntry.createWriter(function (writer) {
writer.onwrite = function(evt) {
         console.log("write success");
      };

      console.log("writing to file");
         writer.write( pdfOutput );
      }

            },function () {


              console.log("ERROR SAVEFILE");

            });
          });
        });

你的文件会放在你的 sdcard/files 目录中

为了打开它，我假设你没有任何 pdf 查看器插件，所以 inAppBrowser 是不必使用任何插件的解决方案，并在你的应用程序中打开它

安装inAppBrowser

然后打开它：

window.resolveLocalFileSystemURL(cordova.file.externalDataDirectory, function(dir) {


          dir.getFile(filename, {create:false}, function(fileEntry) { //EXISTS
            var url = "file:/" + cordova.file.externalDataDirectory + "/test.pdf";
            window.open(url, '_blank');
          }, function() { //NOT EXISTS

          });
        });

我还没有测试过，因为看起来 inAppBrowser 不喜欢太多的本地文件。请发布您的结果

Answer 2

我觉得下面这行可能是问题所在，"window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) {})"

在我阅读的一些帖子中，有人提到 requestfilsystem 方法以及 LocalFileSystem.PERSISTENT 参数在 android 中不起作用，除非设备是 root 的。

我使用 - "window.resolveLocalFileSystemURL(cordova.file.externalRootDirectory,successCallback, errorCallback);"

使它工作

我建议你看看这个link，我在其中发布了用于在 Android 和 iOS 设备中创建文件的相同代码。

此外，如果您想在您选择的应用程序中打开 PDF，您可以使用 cordova 文件打开器插件。您可以查看以下link中的文件打开器示例代码