Flutter应用上传图片到数据库时出现File类多库定义冲突错误

error: The name 'File' is defined in the libraries 'dart:html' and 'dart:io'.

你在代码中同时导入了dart:io和dart:html两个库，两个库都定义了同名的File类，Dart编译器无法判定你要使用的File所属的库，因此抛出命名冲突错误。

根据你的开发场景选择对应方案即可：

• 场景1：仅开发移动端/桌面端应用，无需Web适配
  直接删除代码中import 'dart:html';的导入语句，此时用到的File默认来自dart:io库，可正常处理本地图片文件。
• 场景2：需要同时使用两个库的功能
  给导入的库添加前缀，调用时明确指定所属库即可，示例代码如下：

  // 导入时添加前缀区分
  import 'dart:io' as io;
  import 'dart:html' as html;
  
  // 调用dart:io的File（处理本地文件）
  io.File imageFile = io.File("本地图片路径");
  // 调用dart:html的File（处理Web端文件）
  html.File webFile = html.File([], "test.png");
  

• 场景3：开发多端适配应用，要根据平台自动选择对应实现
  用Dart的条件导入语法，避免同时引入两个库产生冲突，步骤如下：
  1. 新建file_loader.dart通用入口文件：

  export 'file_loader_io.dart' if (dart.library.html) 'file_loader_html.dart';
  

  2. 新建file_loader_io.dart（移动端/桌面端实现）：

  import 'dart:io';
  
  File getTargetFile(String path) => File(path);
  

  3. 新建file_loader_html.dart（Web端实现）：

  import 'dart:html';
  
  File getTargetFile(dynamic fileBlob) => File(fileBlob, "image.png");
  

  业务代码中直接导入file_loader.dart调用getTargetFile方法即可，Dart会自动根据编译平台选择对应的实现。

额外优化建议：如果你使用了image_picker等跨端图片选择库，直接使用库提供的XFile类处理选中的文件即可，不需要手动转换为File，也可以规避该命名冲突问题。

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