Home

Awesome

<p align="center"><br><img src="https://user-images.githubusercontent.com/236501/85893648-1c92e880-b7a8-11ea-926d-95355b8175c7.png" width="128" height="128" /></p> <h3 align="center">File Opener</h3> <p align="center"><strong><code>@capacitor-community/file-opener</code></strong></p> <p align="center"> Capacitor File Opener. The plugin is able to open a file given the mimeType and the file uri. </p> <p align="center"> <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> <br> <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> <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --> <a href="#contributors-"><img src="https://img.shields.io/badge/all%20contributors-1-orange?style=flat-square" /></a> <!-- ALL-CONTRIBUTORS-BADGE:END --> </p>

Table of Contents

Maintainers

MaintainerGitHubActive
ryaaryaayes

About

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

Plugin versions

Capacitor versionPlugin version
6.x6.x
5.x1.0.5
4.x1.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> </docgen-index> <docgen-api> <!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

open(...)

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

Method to open a file.

ParamType
options<code><a href="#fileopeneroptions">FileOpenerOptions</a></code>

Since: 1.0.0


Interfaces

FileOpenerOptions

file open method options

PropTypeDescriptionSince
filePath<code>string</code>file path1.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 true1.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 ignored1.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.

CodeDescription
'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