Awesome

<img src="https://user-images.githubusercontent.com/236501/85893648-1c92e880-b7a8-11ea-926d-95355b8175c7.png" width="128" height="128" /> <h3 align="center">File Opener</h3> <code>@capacitor-community/file-opener</code> Capacitor File Opener. The plugin is able to open a file given the mimeType and the file uri. <img src="https://img.shields.io/maintenance/yes/2024?style=flat-square" /> <a href="https://www.npmjs.com/package/@capacitor-community/file-opener"><img src="https://img.shields.io/npm/l/@capacitor-community/file-opener?style=flat-square" /></a> <a href="https://www.npmjs.com/package/@capacitor-community/file-opener"><img src="https://img.shields.io/npm/dw/@capacitor-community/file-opener?style=flat-square" /></a> <a href="https://www.npmjs.com/package/@capacitor-community/file-opener"><img src="https://img.shields.io/npm/v/@capacitor-community/file-opener?style=flat-square" /></a>  <a href="#contributors-"><img src="https://img.shields.io/badge/all%20contributors-1-orange?style=flat-square" /></a>

Maintainers
About
Plugin versions
Installation
API

Maintainers

Maintainer	GitHub	Active
ryaa	ryaa	yes

About

This plugin is similar to cordova-plugin-file-opener2 but without installation support.

Plugin versions

Capacitor version	Plugin version
6.x	6.x
5.x	1.0.5
4.x	1.0.4

Installation

npm install @capacitor-community/file-opener
npx cap sync

Usage

import { FileOpener, FileOpenerOptions } from '@capacitor-community/file-opener';

try {
  const fileOpenerOptions: FileOpenerOptions = {
    filePath: 'file:///path/to/file',
    contentType: 'application/pdf',
    openWithDefault: true,
  };
  await FileOpener.open(fileOpenerOptions);
} catch (e) {
  console.log('Error opening file', e);
}

API

<docgen-index>

open(...)
Interfaces

</docgen-index> <docgen-api>

open(...)

open(options: FileOpenerOptions) => Promise<void>

Method to open a file.

Param	Type
`options`	<code><a href="#fileopeneroptions">FileOpenerOptions</a></code>

Since: 1.0.0

Interfaces

FileOpenerOptions

file open method options

Prop	Type	Description	Since
`filePath`	<code>string</code>	file path	1.0.0
`contentType`	<code>string</code>	MIME type (optional)	1.0.0
`openWithDefault`	<code>boolean</code>	Use the default platform chooser, if true, otherwise: On Android: it will show "Open File in.." title of the chooser dialog, the system will always present the chooser dialog even if the user has chosen a default one and if no activity is found to handle the file, the system will still present a dialog with the specified title and an error message No application can perform this action On iOS: it will presents a menu restricted to a list of apps capable of opening the current document. This determination is made based on the document type and on the document types supported by the installed apps. To support one or more document types, an app must register those types in its Info.plist file using the CFBundleDocumentTypes key. (optional) default value is true	1.0.0
`chooserPosition`	<code>{ x: number; y: number; }</code>	(iOS only; iPad only) Position to anchor the chooser (ShareSheet) menu in the view (optional) Please note that this is applicable only when the application runs on iPad and when openWithDefault is false, otherwise this is ignored	1.0.3

</docgen-api>

List of Error Codes and Meanings

When an error is thrown, one of the following codes (as a string value) will be used.

Code	Description
'1'	`INTERNAL_ERROR`
'2'	`INVALID_ARGUMENT`
' '8'	`FILE_NOT_SUPPORTED`
'9'	`FILE_NOT_FOUND`
'10'	`UNKNOWN`

Android

If you app needs to open files in the external directories, then within your AndroidManifest.xml file, change the following:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example">

+  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

</manifest>

iOS

You'll need to set ios/App/Podfile to version 13 or higher (for more details please see)

platform :ios '13.0'

then npx cap sync ios