Flutter：无需保存到手机存储，如何打开Base64字符串生成的文件？

方案1：用flutter_inappwebview直接加载Base64数据（适用于PDF、图片、HTML等可网页渲染的文件） #

这个插件支持通过Data URI直接加载内容，完全不需要将文件写入存储。示例代码：

import 'package:flutter_inappwebview/flutter_inappwebview.dart';

void openBase64File(String fileContent, String extension) async {
  // 构建Data URI
  String mimeType = _getMimeType(extension);
  String dataUri = "data:$mimeType;base64,$fileContent";

  // 弹出窗口加载内容
  showDialog(
    context: context,
    builder: (context) => AlertDialog(
      content: SizedBox(
        width: double.maxFinite,
        height: 600,
        child: InAppWebView(
          initialUrlRequest: URLRequest(url: Uri.parse(dataUri)),
        ),
      ),
    ),
  );
}

// 根据扩展名匹配对应的MIME类型
String _getMimeType(String extension) {
  switch (extension.toLowerCase()) {
    case 'pdf':
      return 'application/pdf';
    case 'jpg':
    case 'jpeg':
      return 'image/jpeg';
    case 'png':
      return 'image/png';
    case 'html':
      return 'text/html';
    // 按需添加更多文件类型
    default:
      return 'application/octet-stream';
  }
}

方案2：替换open_file为file_viewer插件（兼容更多文件类型，路径处理更安全） #

file_viewer不会依赖不安全的外部媒体目录，你可以继续用应用私有临时目录存文件，再调用它打开：

1. 在pubspec.yaml添加依赖：

dependencies:
  file_viewer: ^最新版本号
  path_provider: ^最新版本号

2. 示例代码：

import 'dart:convert';
import 'dart:io';
import 'package:path_provider/path_provider.dart';
import 'package:file_viewer/file_viewer.dart';

Future<void> openBase64File(String fileContent, String fileName) async {
  Uint8List buffer = base64Decode(fileContent);
  final directory = await getTemporaryDirectory();
  
  int lastDotIndex = fileName.lastIndexOf('.');
  String formattedFileName = fileName.substring(0, lastDotIndex);
  String extension = fileName.substring(lastDotIndex + 1);
  
  File file = File("${directory.path}/${formattedFileName}.$extension");
  await file.writeAsBytes(buffer);
  
  // 调用file_viewer打开文件
  await FileViewer.viewFile(
    file: file,
    onError: (error) {
      // 处理打开失败的情况
    },
  );
  
  // 可选：用完后删除临时文件，避免占用存储
  await file.delete();
}

方案3：用flutter_pdfview专门处理PDF文件 #

如果你的文件都是PDF，这个插件可以直接加载内存中的Uint8List数据，完全不需要写入存储：

import 'dart:convert';
import 'package:flutter_pdfview/flutter_pdfview.dart';

void openPdfFromBase64(String fileContent) async {
  Uint8List pdfBytes = base64Decode(fileContent);
  
  showDialog(
    context: context,
    builder: (context) => AlertDialog(
      content: SizedBox(
        width: double.maxFinite,
        height: 600,
        child: PDFView(
          pdfData: pdfBytes,
          autoSpacing: true,
          pageFling: true,
        ),
      ),
    ),
  );
}

注意事项 #

• 优先选择支持内存加载或使用应用私有目录（如getTemporaryDirectory()、getApplicationDocumentsDirectory()）的插件，避开依赖外部存储的库。
• 临时文件使用完毕后记得主动删除，避免占用设备存储。

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