使用dart:html时Platform.isWindows无法使用的问题求助

错误原因 #

1. 别名引用错误：你给dart:io库设置了别名io，但代码中直接使用Platform.isWindows，正确的引用方式应该是io.Platform.isWindows。
2. Web环境本质限制：更核心的问题是，当代码运行在Web（浏览器）环境时，dart:io库完全不生效。浏览器沙箱机制禁止直接访问操作系统级API，Web环境中不存在Platform类，即便修正别名问题，Web端依然会报错。

解决方案 #

1. 跨平台场景（同时支持Web/桌面/移动） #

使用Flutter官方提供的kIsWeb常量区分Web环境，结合原生平台的Platform判断，避免Web端调用无效API：

• 先导入package:flutter/foundation.dart
• 调整平台判断逻辑，同时处理Web端的文件读取差异（Web端无法使用dart:io的File类）

修改后的代码示例：

import 'dart:html';
import 'dart:io' as io;
import 'package:flutter/foundation.dart'; // 新增导入

Future startFilePicker(String fileNotes, BuildContext context) async {
  List<int> selectedFile;
  Uint8List bytesData;
  String selectedDocumentName = "Unspecified";
  dynamic selectedDocument; // Web端不使用dart:io的File，用动态类型兼容

  FilePickerResult? result;
  // 非Web环境才判断是否为Windows系统
  if (!kIsWeb && io.Platform.isWindows) {
    if (fileNotes.toLowerCase() == 'photos' || fileNotes.toLowerCase() == 'radiology') {
      result = await FilePicker.platform.pickFiles(type: FileType.media);
    } else {
      result = await FilePicker.platform.pickFiles();
    }
  } else {
    result = await FilePicker.platform.pickFiles();
  }

  if (result != null) {
    PlatformFile file = result.files.first;
    selectedDocumentName = file.name;
    
    // 区分Web和原生平台的文件读取逻辑
    if (kIsWeb) {
      bytesData = file.bytes!;
    } else {
      selectedDocument = io.File(file.path!);
      bytesData = await selectedDocument.readAsBytes();
    }
    
    selectedFile = bytesData;
    await uploadFile(selectedDocument, selectedFile, context, fileNotes,
        selectedDocumentName, selectedDocumentName);
  }
}

2. 仅Web场景简化 #

如果项目只针对Web平台，直接移除所有Platform相关判断即可，Web环境下文件选择逻辑统一，无需区分操作系统：

import 'dart:html';

Future startFilePicker(String fileNotes, BuildContext context) async {
  List<int> selectedFile;
  Uint8List bytesData;
  String selectedDocumentName = "Unspecified";

  FilePickerResult? result;
  if (fileNotes.toLowerCase() == 'photos' || fileNotes.toLowerCase() == 'radiology') {
    result = await FilePicker.platform.pickFiles(type: FileType.media);
  } else {
    result = await FilePicker.platform.pickFiles();
  }

  if (result != null) {
    PlatformFile file = result.files.first;
    selectedDocumentName = file.name;
    bytesData = file.bytes!;
    selectedFile = bytesData;
    // 注意：需调整uploadFile参数，Web端无本地File对象，可传入null或直接传bytes
    await uploadFile(null, selectedFile, context, fileNotes,
        selectedDocumentName, selectedDocumentName);
  }
}

关键注意点 #

• Web环境中无法获取本地文件路径，也不能使用dart:io的File类，必须直接使用FilePicker返回的bytes数据。
• 跨平台开发时，优先使用Flutter提供的跨平台API或kIsWeb区分环境，避免直接依赖平台专属库。

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