Question

我正在尝试列出移动设备外部存储空间中存在的所有文件和文件夹，但无法获得所需的结果。我从代码中获取了帮助，但它没有识别窗口对象。任何人都可以为此提供帮助。

＆＃13;

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);
    }
  );

＆＃13;

我使用了filepath插件，但结果实际上并不是我想要的。enter image description here我的代码也是

＆＃13;

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)); 
 
 
 }
 
}

＆＃13;

这甚至不是在控制台上打印文件名以及我如何在设备屏幕上显示文件内容，请指导我。

Answer 1

＆＃13;

   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
      })
	}
    }
  }
})
	 
}
}

＆＃13;

您应该使用@ionic-native/file documentation，以便更深入地了解不同本机脚本的使用情况。

Answer 2

Home.Html

列表目录

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

在离子2中列出android文件系统的文件和文件夹

2 个答案: