Exemples d'utilisation des Ionic 2 File Plugin

Quelqu'un aurait-exemples complets sur la façon d'utiliser le Cordova Fichier Natif Plugin dans un Ionique 2/Angulaire 2 projet?

J'ai installé ce plugin, mais la documentation ne semble pas faire beaucoup de sens pour moi en raison du fait qu'il est fragmentée et manque d'un exemple complet, y compris toutes les importations nécessaires.

Par exemple, l'exemple suivant ne montre où les objets comme LocalFileSystem ou d'une fenêtre venait de.

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

    console.log('file system open: ' + fs.name);
    fs.root.getFile("newPersistentFile.txt", { create: true, exclusive: false }, function (fileEntry) {

        console.log("fileEntry is file?" + fileEntry.isFile.toString());
        //fileEntry.name == 'someFile.txt'
        //fileEntry.fullPath == '/someFile.txt'
        writeFile(fileEntry, null);

    }, onErrorCreateFile);

}, onErrorLoadFs);

Par exemple, j'ai besoin de créer un fichier de propriétés. Je dois d'abord vérifier si un fichier existe sur l'app sandbox zone de stockage, si n'existe pas, je dois le créer. Ensuite, je dois ouvrir le fichier de données à écrire et l'enregistrer . Comment pourrais-je le faire?

source d'informationauteur Natanael

  1. 13

    Ionique 2 est livré avec un Cordova fichier plugin wrapper:
    http://ionicframework.com/docs/v2/native/file/.

    Le nécessaire chemins de système de fichiers (par exemple,cordova.file.applicationDirectory) vous trouverez ici la documentation du plugin original:
    https://github.com/apache/cordova-plugin-file#where-to-store-files. Noter que pas toutes les plates-formes de soutien le même stockage des chemins.

    J'ai même réussi à construire un navigateur de fichier. L'utiliser comme ceci:

    import {Component} from '@angular/core';
import {File} from 'ionic-native';

...

File.listDir(cordova.file.applicationDirectory, 'mySubFolder/mySubSubFolder').then(
  (files) => {
    //do something
  }
).catch(
  (err) => {
    //do something
  }
);
  2. 7

    Voici un exemple d'utilisation de IonicNative pour une application que je suis en train de travailler sur l'endroit où je veux
    pour envoyer un e-mail avec un fichier csv en pièce jointe. 

    import {EmailComposer} from '@ionic-native/email-composer';
import {File} from '@ionic-native/file';

class MyComponent {
 constructor(private emailComposer: EmailComposer, private file: File) {

 }
 testEmail() {
 this.file.writeFile(this.file.dataDirectory, 'test.csv', 'hello,world,', {replace: true})
     .then(() => {      
       let email = {
         to: 'email@email',
         attachments: [
           this.file.dataDirectory + 'test.csv'
         ],

         subject: 'subject',
         body: 'body text...',
         isHtml: true
       };
       this.emailComposer.open(email);

     })
     .catch((err) => {
       console.error(err);
     });

 }
}

    Cela a été testé avec ionique 3.7.0 sur IOS.