咨询：是否有可用的Ionic 3 Media Scanner插件？解决文件删除异常

我太懂你碰到的这个麻烦了——用File插件删掉设备里的图片，物理文件内容确实没了，但系统相册里还留着个空占位，非得重启设备才会消失。这根本原因是：你只删除了磁盘上的文件，但系统的媒体数据库索引没同步更新，所以系统还以为文件存在，直到重启重新扫描媒体库。

下面给你推荐一款适配Ionic 3的Media Scanner插件，以及完整的使用流程：

推荐插件：cordova-plugin-media-scanner #

这是一款专门用于触发系统媒体扫描的Cordova插件，能强制刷新系统媒体库，让删除/新增的文件立刻被系统识别，完美解决你的问题。

1. 安装步骤 #

因为你用的是Ionic 3，需要搭配对应版本的@ionic-native包装器（4.x版本，和Ionic 3兼容）：

• 安装Cordova插件：

  ionic cordova plugin add cordova-plugin-media-scanner
  

• 安装Ionic Native包装器：

  npm install @ionic-native/media-scanner@4
  

2. 配置与使用 #

第一步：在AppModule中注册服务

打开src/app/app.module.ts，导入并将MediaScanner添加到providers数组：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';
import { File } from '@ionic-native/file';
import { MediaScanner } from '@ionic-native/media-scanner';

@NgModule({
  declarations: [MyApp],
  imports: [BrowserModule, IonicModule.forRoot(MyApp)],
  bootstrap: [IonicApp],
  entryComponents: [MyApp],
  providers: [
    File,
    MediaScanner, // 注册媒体扫描服务
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

第二步：在页面中调用扫描方法

在你处理图片删除的页面，注入File和MediaScanner服务，删除文件后立刻触发媒体扫描：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { File } from '@ionic-native/file';
import { MediaScanner } from '@ionic-native/media-scanner';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(
    public navCtrl: NavController,
    private file: File,
    private mediaScanner: MediaScanner
  ) {}

  // 示例：删除指定图片并刷新媒体库
  deleteAndRefreshImage(fileName: string) {
    // 假设图片存放在DCIM/Camera目录下（Android示例路径）
    const fileDir = this.file.externalRootDirectory + 'DCIM/Camera/';
    
    // 1. 删除物理文件
    this.file.removeFile(fileDir, fileName)
      .then(() => {
        console.log('物理文件已成功删除');
        // 2. 触发媒体扫描，刷新系统媒体库
        const fullFilePath = fileDir + fileName;
        this.mediaScanner.scanFile(fullFilePath)
          .then(() => {
            console.log('媒体库已刷新，相册中已移除该文件');
            // 这里可以添加UI提示，告知用户删除成功
          })
          .catch(scanErr => {
            console.error('媒体扫描失败:', scanErr);
          });
      })
      .catch(deleteErr => {
        console.error('删除文件失败:', deleteErr);
      });
  }
}

3. 注意事项 #

• 权限问题：Android平台需要申请READ_EXTERNAL_STORAGE和WRITE_EXTERNAL_STORAGE权限，你可以用cordova-plugin-android-permissions插件在运行时动态申请权限，避免权限不足导致扫描失败。
• 路径准确性：确保传入scanFile的是文件的完整绝对路径，不同平台的文件路径规则不同，建议用Ionic File插件的API来获取标准路径。
• iOS兼容性：iOS平台的媒体库刷新逻辑和Android略有不同，但这款插件已经做了适配，调用scanFile同样能触发系统相册的更新。

如果遇到插件兼容性问题，也可以尝试手动触发系统媒体扫描（比如Android发送MEDIA_SCANNER_SCAN_FILE广播），但用成熟的插件显然更省心。

内容的提问来源于stack exchange，提问作者Mark