Selector de archivos Flutter | Elija imágenes, videos, audios, documentos, etc. | Ejemplo de FilePicker | A través de Code and Sunshine | Octubre de 2021
Hola a todos y bienvenidos a Code y Sunny. En este artículo tutorial de flutter, discutiremos cómo seleccionar archivos (imágenes, videos, audios, documentos, etc.) en la aplicación de flutter.
Un paquete que le permite utilizar el explorador de archivos nativos (imagen, video, audio) y, a veces, seleccionar uno o varios archivos.
Este paquete es fácil de usar para seleccionar archivos (imágenes, videos, audios) desde el explorador de archivos nativo. Le permite usar el explorador de archivos de la plataforma nativa para seleccionar archivos. Si es compatible con la selección de archivos únicos y múltiples y el filtrado de extensiones de soporte para seleccionar archivos en esta aplicación.
paso 1: añadir Las dependencias del archivo pubspec.yaml son las siguientes:
dependencies:
file_picker: ^4.1.6
Paso 2: Importar biblioteca
Ahora en tu código de Dart, puedes usar:
import 'package:file_picker/file_picker.dart';
FilePickerResult? results = await FilePicker.platform.pickFiles(); if (results != null)
File files = File(results.files.single.path);
else
FilePickerResult? results = await FilePicker.platform.pickFiles(allowMultiple: true);
if (results != null)
List files = result.paths.map((path) => File(path)).toList();
else
FilePickerResult? results = await FilePicker.platform.pickFiles( type: FileType.custom,
allowedExtensions: ['jpg', 'png', 'pdf', 'doc'], );
fileDetails(PlatformFile file)
final kb = file.size / 1024;
final mb = kb / 1024;
final size = (mb >= 1)
? '$mb.toStringAsFixed(2) MB'
: '$kb.toStringAsFixed(2) KB';
return Padding(padding: const EdgeInsets.all(8.0),
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
Text('File Name : $file.name'),
Text('File Size : $size'),
Text('File Extension : $file.extension'),Text('File Path : $file.path'),
],
),
);
notas: Estoy usando el paquete OpenFile para abrir un archivo seleccionado o seleccionado por el usuario
Un complemento que puede llamar a la APLICACIÓN nativa para abrir el archivo con resultados de cadena en la aplicación Flutter, compatible con iOS (DocumentInteraction) / android (intent) / PC (ffi) / web (dart: html), etc.
paso 1: Agregue la dependencia al archivo pubspec.yaml de la siguiente manera:
dependencies: open_file: ^3.2.1
Paso 2: La biblioteca de importación ahora está en su código de Dart, puede usar:
import 'package:open_file/open_file.dart';
void
viewFile(PlatformFile file)
OpenFile.open(file.path);
