How can I access a CSV file path in Flutter Web using FilePicker?

I'm building a Flutter web app that uploads CSV data when a button is clicked, using FilePicker. The original code was written for an Android app and looks like this:

DARTCopied
 onPressed: () async {
        ArchivoController archivito = ArchivoController();
        print('presionado');
        await archivito.abrircsv();
        
      },

My issue is that when uploading a UTF-8 CSV file generated by Excel, the debug console throws an error stating that path is unavailable in flutter web. Flutter web only provides access to the file's bytes (a Uint8List), while the File constructor expects a String for the path.

For example, this code, which works on mobile, causes problems on the web:

DARTCopied
 final input = File(archivo!.files.single.path!).openRead();

I attempted to call the toString() method to convert the bytes, but it froze the app:

DARTCopied
  final input = File(archivo!.files.single.bytes!.toString()).openRead();

I also tried casting it as a String, which resulted in the console output:

DARTCopied
Error al leer el archivo CSV: TypeError: Instance of 'NativeUint8List': type 'NativeUint8List' is not a subtype of type 'String'

I need a solution for accessing the file path (similar to mobile) in a web app since my goal is to know the file's location in order to read its contents and upload the info to Firestore.

Here's my ArchivoController class for more context:

DARTCopied
class ArchivoController {
  FilePickerResult? archivo;
  Map<String, List<String>> inventarioMap = {};

  Future<void> abrircsv() async {
    try {
      archivo = await FilePicker.platform.pickFiles(
        type: FileType.any,
        // allowedExtensions: ['csv'],
        allowMultiple: false,
        // initialDirectory: '/storage/emulated/0/Download',
        // withData: true,
      );
      //imprimir nombre del archivo
      // print(archivo!.files.single.name);
      leerCSV();
    } catch (e) {
      print('Error al seleccionar archivos: $e');
    }
  }

  Future<void> leerCSV() async {
    if (archivo != null) {
      try {
        // Lee el archivo CSV como texto
        // final fileBytes =  archivo!.files.first.bytes;
        // final fileName = archivo!.files.first.name;
        final input = File(archivo!.files.single.bytes!).openRead();
        print('realizando lectura...');
        final fields = await input
            .transform(utf8
                .decoder) //es por esta instrucción que se debe guardar el archivo como UTF-8 CSV
            .transform(const CsvToListConverter())
            .toList();
        print('Lectura realizada...');
        print('revisando campos');
        if (fields.isNotEmpty) {
          print('definiendo header y contenido del csv...');
          List<String> headers = fields[0].cast<String>();
          List<Map<String, dynamic>> csvData = [];
          print('Llenando mapa con datos del csv...');
          // Llena el mapa con los datos del CSV
          for (var i = 1; i < fields.length; i++) {
            Map<String, dynamic> row =
                {}; // se inicializa cada que pasa una fila nueva
            for (var j = 0; j < headers.length; j++) {
              row[headers[j]] = fields[i][j];
            }
            csvData.add(row);
            // print(row);
          }
          print('Leido por completo subiendo a firestore...');
          await subirDatosAFirestore(csvData);
        } else {
          print("El archivo CSV está vacío.");
        }
      } catch (e) {
        print("Error al leer el archivo CSV: $e");
      }
    } else {
      print("No se seleccionó ningún archivo.");
    }
  }

}