Flutter文件管理插件simple_file_manager的使用

Flutter文件管理插件simple_file_manager的使用

Simple File Manager

一个简单的文件管理器，可以以简单的方式预览文件夹和文件，并下载文件。

特性

• 列出文件夹和文件
• 预览文件
• 上传新文件
• 创建新文件夹
• 下载文件
• 复制文件URL
• 图片文件缩放

Demo

使用/示例

以下是使用 simple_file_manager 插件的基本示例：

import 'dart:convert';
import 'dart:typed_data';

import 'package:flutter/material.dart';
import 'package:http_parser/http_parser.dart';
import 'package:simple_file_manager/simple_file_manager.dart';
import 'package:http/http.dart' as http;

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Simple File Manager',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Simple File Manager'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  void initState() {
    init();

    super.initState();
  }

  init() async {
    _myData = await getFilesData(null);
    setState(() {});
  }

  List<FileModel>? _myData;

  /// 获取文件数据
  Future<List<FileModel>?> getFilesData(String? parentId) async {
    var response = await http.get(
        Uri.parse(
          'yourBaseUrl.api/file/tree?parentId=${parentId ?? ''}&amp;skip=0'
          '&amp;count=0'),
       );
    Map<String, dynamic> json = jsonDecode(response.body);
    return List<FileModel>.from(json['data'].map((e) => FileModel.fromJson(e)));
  }

  Future<String> uploadFile(
      String? folderId, Uint8List? pickedFile, String? pickedFileName) async {
    var request = http.MultipartRequest(
        "POST",
        Uri.parse('yourBaseUrl.api/storage/folder/file/admin'));
       request.files.add(http.MultipartFile.fromBytes(
      'file',
      pickedFile!,
      filename: pickedFileName,
      contentType: MediaType("image", pickedFileName!.split('.').last),
    ));
    request.fields['name'] = pickedFileName;
    request.headers["Content-Type"] = "image/jpg";
    request.fields['path'] = 'img';
    request.fields['type'] = 'File';
    if (folderId != null) request.fields['parentId'] = folderId;

    var response = await request.send();
    var data = await response.stream.toBytes();
    String dataString = utf8.decode(data);
    var r = json.decode(dataString);
    return r['data']['thumbnailUrl'];
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: _myData != null
          ? SimpleFileManager(
        filesList: _myData!,
              uploadButtonText: 'Upload',
              onUpload: (String? parentId, pickedFiles, pickedFileNames) async {
                if (pickedFiles != null) {
                  List<String> urlList = [];
                  for (int x = 0; x < pickedFiles.length; x++) {
                    urlList.add(await uploadFile(
                        parentId, pickedFiles[x], pickedFileNames?[x]));
                  }
                } else {
                  return null;
                }
              },
              // onCreateFolderClicked: (String? parentID,String? folderName) {
              // },
              onBack: (String? value) async {
                return await getFilesData(value);
              },
              onFolderClicked: (value) async {
                return await getFilesData(value!.id);
              },
              // placeholderFromAssets: 'assets/images/placeholder.png',
            )
          : null,
    );
  }
}