使用 cordova-plugin-file 在 Ponegap 中保存 PDF 文件

Posted

技术标签:

【中文标题】使用 cordova-plugin-file 在 Ponegap 中保存 PDF 文件【英文标题】:Save a PDF File in Ponegap using cordova-plugin-file 【发布时间】:2018-09-06 11:08:05 【问题描述】:

您好,我尝试使用 cordova-plugin-file 在 Phonegap 中保存 PDF 数据字符串

示例:

%PDF-1.3
%ºß¬à
3 0 obj
<</Type /Page
/Parent 1 0 R
/Resources 2 0 R
/MediaBox [0 0 595.28 841.89]
/Contents 4 0 R
>>
endobj
4 0 obj
<</Length 8757>>
   

使用此功能转至 PDF 文件:

savePDF("Storecheck"+surveyID+".pdf", pdfOutput)

function savePDF(fileName, fileData) 

  console.log(fileData);

  //function writeToFile(fileName, data) 

  window.resolveLocalFileSystemURL(cordova.file.dataDirectory, function(directoryEntry) 
    directoryEntry.getFile(fileName, 
      create: true
    , function(fileEntry) 
      fileEntry.createWriter(function(fileWriter) 
        fileWriter.onwriteend = function(e) 
          // for real-world usage, you might consider passing a success callback
          console.log('Speichern von "' + fileName + '"" abgeschlossen.');
        ;

        fileWriter.onerror = function(e) 
          // you could hook this up with our global error handler, or pass in an error callback
          console.log('speichern fehlgeschlagen ' + e.toString());
        ;

        var blob = new Blob([fileData], 
          type: 'application/pdf'
        );
        fileWriter.write(blob);
      , );
    , );
  , );

我没有收到错误消息,但文件没有出现。 另外,我想将 PDF 保存在“文档”中,而不是“.file.dataDirectory”中

谁能告诉我我做错了什么?

【问题讨论】:

【参考方案1】:

哦,是的,我在三天后解决了它 其实我只需要改一行代码

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function (fs) 

LocalFileSystem.PERSISTENT 仅适用于 android WITH ROOT

LocalFileSystem.PERSISTENT 代表 Android 中的系统 URL,您可以在文档中看到:File System Layouts

我把它改成了 cordova.file.externalDataDirectory

在 Phongap 桌面上输出 NULL 您必须构建应用程序才能工作

所以我想出了这个:

savePDF("Storecheck.pdf", pdfOutput)

 function savePDF(fileName, fileData) 

                window.resolveLocalFileSystemURL(cordova.file.externalDataDirectory, function (dir) 
                    dir.getFile(fileName, create: true, exclusive: false, function (fileEntry) 
                        fileEntry.createWriter(function (writer) 
                            writer.onwrite = function (evt) 
                                console.log("write success");
                                alert(fileName+" wurde gespeichert unter " + cordova.file.externalDataDirectory );
                            ;

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

                    , function () 


                        console.log("ERROR SAVEFILE");
                        alert ("heute gibts keine PDF")

                    );
                );
            

【讨论】:

如果我想打开那个 pdf 文件怎么办?【参考方案2】:

根据the cordova-plugin-file documentaion我更改了功能。 https://jsfiddle.net/frief/7umnwj0r/1/

我也加了

<preference name="AndroidPersistentFileLocation" value="Internal" />
    <preference name="AndroidPersistentFileLocation" value="Compatibility" />
    <preference name="AndroidExtraFilesystems" value="sdcard,cache" />
到 config.xml 现在看起来像这样

<?xml version='1.0' encoding='utf-8'?>
<widget id="de.check" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">
<name> check</name>
<description>
    check
</description>
<author email="info@heins.de" href="http://ally.de">
    Development
</author>


<preference name="AndroidPersistentFileLocation" value="Internal" />
<preference name="AndroidPersistentFileLocation" value="Compatibility" />
<preference name="AndroidExtraFilesystems" value="sdcard,cache" />

<preference name="iosPersistentFileLocation" value="Library" />
<preference name="iosPersistentFileLocation" value="Compatibility" />


<!-- Don't block any requests -->
<access origin="*" />

<content src="index.html" />
<plugin name="cordova-plugin-battery-status" spec="~1.2.2" />
<plugin name="cordova-plugin-camera" spec="~2.3.1" />
<plugin name="cordova-plugin-file" spec="~4.3.1" />
<plugin name="cordova-plugin-file-transfer" spec="~1.6.1" />
<plugin name="cordova-plugin-geolocation" spec="~2.4.1" />
<plugin name="cordova-plugin-vibration" spec="~2.1.3" />
<plugin name="cordova-plugin-statusbar" spec="~2.2.1" />
<plugin name="cordova-plugin-whitelist" source="npm"/>

<engine name="android" spec="^6.4.0" />


</widget>

现在我遇到的问题是我总是收到无法创建文件的错误。 我认为这与访问权限有关,但我不确切知道。

【讨论】:

以上是关于使用 cordova-plugin-file 在 Ponegap 中保存 PDF 文件的主要内容,如果未能解决你的问题,请参考以下文章

生成 apk 时出现 Cordova-plugin-file 错误

在 Windows 10 中使用 cordova-plugin-file 复制 SQLite 数据库 cordova-sqlite-storage

使用cordova-plugin-file在Ponegap中保存PDF文件

Cordova 插件问题 CordovaError: Version of installed plugin: "cordova-plugin-file@4.3.3" 不满足依赖插

使用cordova插件在iOS中删除应用程序的临时目录

nodejs远程删除手机文件