npm 包 cordova-plugin-fileviewer2 使用教程

概述

cordova-plugin-fileviewer2 是一款基于 Cordova 的插件，它提供了在 Cordova 项目中打开本地和远程文件的能力，支持常见的文档、图片、音视频等多种格式。使用这个插件可以让我们在移动端的应用中更加便捷地预览文件。

安装

首先需要在 Cordova 项目中安装 cordova-plugin-fileviewer2，可以通过以下命令进行安装：

cordova plugin add https://github.com/markeeftb/cordova-plugin-fileviewer2.git

安装完成后需要在项目中加入以下代码，以确保在应用启动时能够正确加载插件：

document.addEventListener('deviceready', function() {
    // 插件加载完毕后的代码
})

使用

打开本地文件

使用 cordova-plugin-fileviewer2 可以直接打开本地文件，只需要指定文件的路径即可。下面是一个简单的示例：

const filePath = cordova.file.externalDataDirectory + 'test.pdf' // 文件路径
const options = {
    displayName: '测试文件', // 显示名称，可选
    email: 'test@example.com', // 用于发送文件的电子邮件，可选
    print: true // 是否显示“打印”按钮，可选
}
cordova.plugins.FileViewer.open(filePath, options)

以上代码会在应用中打开路径为 cordova.file.externalDataDirectory + 'test.pdf' 的文件，并显示文件名为“测试文件”，电子邮件为“test@example.com”，同时显示“打印”按钮。

打开远程文件

使用 cordova-plugin-fileviewer2 还可以打开远程文件，只需要指定文件的 URL 即可。下面是一个示例：

const fileUrl = 'http://example.com/test.pdf' // 文件 URL
const options = {
    displayName: '测试文件', // 显示名称，可选
    email: 'test@example.com', // 用于发送文件的电子邮件，可选
    print: true // 是否显示“打印”按钮，可选
}
cordova.plugins.FileViewer.openRemote(fileUrl, options)

以上代码会在应用中打开文件 URL 为 http://example.com/test.pdf 的文件，并显示文件名为“测试文件”，电子邮件为“test@example.com”，同时显示“打印”按钮。

总结

通过本文的介绍，我们可以了解到如何使用 cordova-plugin-fileviewer2 在 Cordova 项目中打开本地和远程文件。如果我们需要在移动端的应用中预览文件，这个插件就是很好的选择。

参考文献

• cordova-plugin-fileviewer2

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556b081e8991b448d37a9