Список файлов и папок файловой системы Android в Ionic 2

Question

Я пытаюсь перечислить все файлы и папки, имеющиеся на внешнем хранилище мобильного телефона, но не могу получить желаемый результат. Я получил помощь из кода, но он не распознает объект окна. Может ли кто-нибудь помочь в этом.

getFiles(path){
  window.resolveLocalFileSystemURL(path,
    function (fileSystem) {
      var reader = fileSystem.createReader();
      reader.readEntries(
        function (entries) {
          console.log(entries);
        },
        function (err) {
          console.log(err);
        }
      );
    }, function (err) {
      console.log(err);
    }
  );   

Я использовал плагин filepath, но результат не совсем то, что я хочу. введите описание изображения здесь также мой код

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {Transfer, TransferObject} from '@ionic-native/transfer';
import {File} from '@ionic-native/file';
import { FilePath } from '@ionic-native/file-path';
import {Platform} from 'ionic-angular';



declare var cordova:any;

@Component({
  selector: 'page-contact',
  templateUrl: 'contact.html',
  providers: [FilePath, Transfer, TransferObject, File]
 
})
export class ContactPage {

  storageDirectory: string = '';
  
 constructor(public navCtrl: NavController, private filePath: FilePath, public platform: Platform, private transfer: Transfer, private file: File){
 
  this.platform.ready().then(() => {
      
   if(this.platform.is('android')) {
        this.storageDirectory = cordova.file.externalDataDirectory;
  console.log(this.storageDirectory);
      }
      else {
        // exit otherwise, but you could add further types here e.g. Windows
        return false;
  
      }
    });

 this.filePath.resolveNativePath(this.storageDirectory+'files')
  .then(filePath => console.log("this is my file path" + filePath))
  .catch(err => console.log(err)); 
 
 
 }
 
}

это даже не печать имени файла на консоли и как я отображаю содержимое файла на экране устройства, пожалуйста, направьте меня.

Answer 1

   import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {Transfer, TransferObject} from '@ionic-native/transfer';
import {File} from '@ionic-native/file';
import { FilePath } from '@ionic-native/file-path';
import {Platform} from 'ionic-angular';

@Component({
  selector: 'page-contact',
  templateUrl: 'contact.html',
 providers: [FilePath, Transfer, TransferObject, File]
})
export class ContactPage {

  storageDirectory: string = '';
  
 constructor(public navCtrl: NavController, private filePath: FilePath, public platform: Platform, private transfer: Transfer, private file: File){
 
  this.platform.ready().then(() => {
       file.listDir(file.externalDataDirectory,'').then((result)=>{
     console.log(result);
/*result will have an array of file objects with 
file details or if its a directory*/
  for(let file of result){
    if(file.isDirectory == true && file.name !='.' && file.name !='..'){
  // Code if its a folder
 }else if(file.isFile == true){
  // Code if its a file
  let name=file.name // File name
  let path=file.path // File path
    file.getMetadata(function (metadata) {
   let size=metadata.size; // Get file size
      })
 }
    }
  }
})
  
}
}

Вы должны использовать документацию @ionic-native/file, которая поможет вам лучше понять использование различных собственных сценариев.

Answer 2

Home.Html

Список Каталог

<ion-list>
  <ion-item *ngFor="let printValues of showFile">
  {{printValues}}
</ion-item>