如何在Angular 2+Ionic框架下查找本地Ubuntu机器中的所有*.pdf文件

没问题！在Angular 2+的Ionic框架里实现Ubuntu本地PDF文件查找，其实可以借助Node.js的生态工具来完成，下面给你一步步详细说明：

Ionic本质是基于Node.js的前端框架，所以我们可以利用Node.js的文件系统能力，或者直接调用Linux系统命令来实现类似find / -iname *.pdf的功能，两种方案我都给你整理好了：

方案一：使用glob包（推荐，更符合Node.js/Ionic开发习惯） #

glob是Node.js生态中专门用于文件路径匹配的工具，能轻松处理递归查找和通配符匹配，比自己手写遍历逻辑更高效。

步骤1：安装依赖 #

在你的Ionic项目根目录下打开终端，安装glob及其TypeScript类型定义：

npm install glob --save
npm install @types/glob --save-dev

步骤2：创建文件查找服务 #

Ionic中推荐把通用逻辑封装成服务，方便组件调用。先生成一个服务：

ionic generate service services/file-search

然后打开src/app/services/file-search.service.ts，写入以下代码：

import { Injectable } from '@angular/core';
import * as glob from 'glob';

@Injectable({
  providedIn: 'root'
})
export class FileSearchService {

  constructor() { }

  /**
   * 递归查找指定目录下的所有PDF文件（忽略大小写）
   * @param rootDir 查找的根目录，默认是系统根目录/
   * @returns Promise<string[]> 返回所有PDF文件的路径数组
   */
  findAllPdfFiles(rootDir: string = '/'): Promise<string[]> {
    return new Promise((resolve, reject) => {
      // **表示递归所有子目录，nocase开启大小写忽略，nodir只返回文件
      const matchPattern = `${rootDir}/**/*.pdf`;
      glob(matchPattern, { nocase: true, nodir: true }, (err, files) => {
        if (err) {
          reject(`查找失败：${err.message}（大概率是权限不足，试试用sudo运行应用）`);
        } else {
          resolve(files);
        }
      });
    });
  }
}

步骤3：在组件中调用服务并展示结果 #

以首页组件为例，打开src/app/home/home.page.ts：

import { Component } from '@angular/core';
import { FileSearchService } from '../services/file-search.service';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  pdfFiles: string[] = [];
  errorMsg: string = '';

  constructor(private fileSearchSvc: FileSearchService) {}

  // 触发查找的方法
  startSearch() {
    this.pdfFiles = [];
    this.errorMsg = '';
    this.fileSearchSvc.findAllPdfFiles()
      .then(files => this.pdfFiles = files)
      .catch(err => this.errorMsg = err);
  }
}

再打开src/app/home/home.page.html添加UI：

<ion-header>
  <ion-toolbar>
    <ion-title>本地PDF查找器</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <ion-button expand="full" (click)="startSearch()" color="primary">查找所有PDF文件</ion-button>

  <!-- 错误提示 -->
  <ion-text color="danger" *ngIf="errorMsg" class="ion-margin-top">
    {{ errorMsg }}
  </ion-text>

  <!-- 结果展示 -->
  <ion-list *ngIf="pdfFiles.length > 0" class="ion-margin-top">
    <ion-list-header>找到{{ pdfFiles.length }}个PDF文件</ion-list-header>
    <ion-item *ngFor="let file of pdfFiles">
      <ion-label>{{ file }}</ion-label>
    </ion-item>
  </ion-list>

  <!-- 初始状态提示 -->
  <ion-text color="medium" *ngIf="pdfFiles.length === 0 && !errorMsg" class="ion-margin-top">
    点击上方按钮开始查找
  </ion-text>
</ion-content>

步骤4：处理权限问题 #

Ubuntu中访问系统根目录的某些文件夹（如/root、/proc）需要管理员权限，所以运行Ionic应用时要加sudo：

sudo ionic serve

如果你不想用sudo，可以修改服务中的默认查找目录为你的用户目录，比如：

findAllPdfFiles(rootDir: string = `/home/${process.env.USER}`): Promise<string[]> {
  // 原有代码不变
}

方案二：直接调用Linux的find命令 #

如果你更习惯用系统原生命令，也可以通过Node.js的child_process模块执行find命令：

修改FileSearchService的代码：

import { Injectable } from '@angular/core';
import { exec } from 'child_process';
import { promisify } from 'util';

// 把回调风格的exec转成Promise风格
const execPromise = promisify(exec);

@Injectable({
  providedIn: 'root'
})
export class FileSearchService {

  constructor() { }

  async findAllPdfFiles(): Promise<string[]> {
    try {
      // 执行find命令，2>/dev/null用来忽略权限不足的错误输出
      const { stdout } = await exec('find / -iname "*.pdf" 2>/dev/null');
      // 按换行分割路径，过滤空行
      return stdout.split('\n').filter(path => path.trim() !== '');
    } catch (err) {
      throw new Error(`命令执行失败：${err.message}`);
    }
  }
}

这种方案同样需要用sudo ionic serve来运行应用，才能访问所有系统目录。

内容的提问来源于stack exchange，提问作者R.Ram