在移动开发中，我们经常需要让用户浏览一些文件，如 PDF、Word、Excel 等。而在 Cordova 中，我们可以使用 cordova-plugin-wininsoft-file-opener2 这个 npm 包来打开这些文件。在本篇文章中，我将会介绍这个 npm 包的使用方法以及其一些注意事项。
插件说明
cordova-plugin-wininsoft-file-opener2 这个 npm 包是 Cordova 和 PhoneGap 中用于打开本地或远程文件的插件。它支持打开 PDF、DOC、DOCX、PPT、PPTX、XLS、XLSX、RTF、TXT、JPG、PNG、MP3 等文件格式。
安装
使用以下命令来安装 cordova-plugin-wininsoft-file-opener2 ：
cordova plugin add cordova-plugin-wininsoft-file-opener2
使用方法
在打开文件之前，我们需要确保文件已经存在于设备中。如果文件是从服务器下载来的，在下载完成后，我们可以使用 cordova-plugin-file-transfer 这个插件将其存储到设备中。下面是一个简单的示例：
-- -------------------- ---- ------- --- ------------ - --- --------------- --- --- - ------------------------------------------- --- ------- - -------------------------- - ------------- ---------------------- ---- -------- -------- ------- - ------------------ - - --------------- -- -------- ------- - ------------------ - - ------------ -- ------ - -------- - ---------------- ------ ------------------------------------- - - --展开代码
一旦文件下载完毕，我们就可以使用 cordova-plugin-wininsoft-file-opener2 来打开它。下面是一个示例：
-- -------------------- ---- ------- --- ------- - -------------------------- - ------------- --------------------------------- -------- ------------------ - ------ -------- --- - -------------------- - - --- -- -------- -------- -- - ---------------------- - - --展开代码
在调用 cordova.plugins.fileOpener2.open() 函数时，第一个参数是文件的本地 URL，第二个参数是文件的 MIME 类型。第三个参数是一个选项对象，包含错误和成功回调函数。如果文件打开成功，则会调用成功回调函数；否则，会调用错误回调函数并将错误信息传递给它。
注意事项
- 如果在 iOS 设备上打开文件失败，则需要在 app 的 Info.plist 文件中设置相应的权限。具体方法请参考 https://stackoverflow.com/questions/26781192/cannot-open-multiple-files-with-cordova-plugin-file-opener2-ios 。
- 如果需要打开的文件是在外部存储器中的，则需要在 Android 设备上授予 app 相应的权限，否则将无法打开文件。具体方法请参考 https://stackoverflow.com/questions/44766250/unable-to-open-file-using-cordova-plugin-file-opener2-in-android 。
- 不同的文件 MIME 类型需要使用不同的值。可以通过 https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types 了解更多 MIME 类型的信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057ae581e8991b448eb6c4
