HarmonyOS鸿蒙Next中如何获取文件的多重后缀（扩展名）？

效果图：

核心代码：

/**
 * 从文件路径中提取文件名
 * @param filePath 完整文件路径
 * @returns 纯文件名
 */
function extractFileName(filePath: string): string {
  if (!filePath) {
    return ''
  }
  return filePath.substring(filePath.lastIndexOf('/') + 1)
}

/**
 * 提取文件名的所有后缀
 * @param filename 文件名
 * @returns 后缀列表，如 ['7z', '001']
 */
function getExtensionList(filename: string): string[] {
  if (!filename || !filename.includes('.')) {
    return []
  }
  return filename.split('.').slice(1) // 排除第一部分（文件名主体）
}

完整代码：

/**
 * 从文件路径中提取文件名
 * @param filePath 完整文件路径
 * @returns 纯文件名
 */
function extractFileName(filePath: string): string {
  if (!filePath) {
    return ''
  }
  return filePath.substring(filePath.lastIndexOf('/') + 1)
}

/**
 * 提取文件名的所有后缀
 * @param filename 文件名
 * @returns 后缀列表，如 ['7z', '001']
 */
function getExtensionList(filename: string): string[] {
  if (!filename || !filename.includes('.')) {
    return []
  }
  return filename.split('.').slice(1) // 排除第一部分（文件名主体）
}

@Entry
@ComponentV2
struct FileExtensionViewer {
  @Local extensions: string[] = [] // 后缀列表
  @Local inputText: string = '' // 用户输入

  /**
   * 分析文件名后缀
   */
  analyzeFileName() {
    if (!this.inputText) {
      return
    }

    const fileName = extractFileName(this.inputText)
    this.extensions = getExtensionList(fileName)
  }

  /**
   * 构建后缀展示卡片
   */
  @Builder
  buildExtensionsCard() {
    Column({ space: 15 }) {
      Text('🔍 后缀分析结果')
        .fontSize(18)
        .fontWeight(FontWeight.Bold)
        .fontColor(0x333333)

      if (this.extensions.length > 0) {
        Column({ space: 8 }) {
          Text(`共发现 ${this.extensions.length} 个后缀:`)
            .fontSize(16)
            .fontColor(0x666666)

          Column({ space: 5 }) {
            ForEach(this.extensions, (ext: string, index: number) => {
              Row({ space: 10 }) {
                Text(`后缀${index + 1}:`)
                  .fontSize(16)
                  .fontColor(0x666666)
                  .width(60)

                Text(`.${ext}`)
                  .fontSize(16)
                  .fontWeight(FontWeight.Bold)
                  .fontColor(0xFF9500)
                  .backgroundColor(0xFFF7E6)
                  .padding({
                    left: 10,
                    right: 10,
                    top: 5,
                    bottom: 5
                  })
                  .borderRadius(4)
              }
            })
          }
        }
      } else {
        Text('未发现后缀')
          .fontSize(16)
          .fontColor(0x999999)
          .fontStyle(FontStyle.Italic)
      }
    }
    .padding(20)
    .width('90%')
    .backgroundColor(Color.White)
    .borderRadius(12)
    .shadow({
      radius: 3,
      color: 0x22000000,
      offsetX: 1,
      offsetY: 2
    })
  }

  build() {
    Column({ space: 20 }) {
      // 标题区域
      Column({ space: 10 }) {
        Text('文件名后缀分析器')
          .fontSize(28)
          .fontWeight(FontWeight.Bold)
          .fontColor(0x1A1A1A)

        Text('分析多级后缀文件名')
          .fontSize(16)
          .fontColor(0x666666)
      }
      .margin({ top: 40, bottom: 20 })

      // 输入区域
      Column({ space: 10 }) {
        Text('输入文件路径或文件名:')
          .fontSize(16)
          .fontColor(0x333333)
          .width('90%')
          .textAlign(TextAlign.Start)

        TextInput({ placeholder: '例如: file.tar.gz 或 test.7z.001' })
          .width('90%')
          .height(40)
          .fontSize(16)
          .padding(10)
          .backgroundColor(Color.White)
          .borderRadius(8)
          .borderWidth(1)
          .borderColor(0xE6E6E6)
          .onChange((value: string) => {
            this.inputText = value
          })
      }
      .width('100%')

      // 分析按钮
      Button('分析文件后缀')
        .width('90%')
        .height(50)
        .backgroundColor(this.inputText ? 0x007DFF : 0xCCCCCC)
        .fontColor(Color.White)
        .onClick(() => this.analyzeFileName())
        .enabled(this.inputText !== '')

      // 结果展示区域
      Scroll() {
        Column({ space: 20 }) {
          if (this.extensions.length > 0) {
            this.buildExtensionsCard()
          }
        }
        .width('100%')
        .height('100%')
      }
      .width('100%')
      .layoutWeight(1)
    }
    .width('100%')
    .height('100%')
    .backgroundColor(0xF5F5F5)
  }
}