Flutter文件MD5校验插件better_file_md5_plugin的使用

Flutter文件MD5校验插件better_file_md5_plugin的使用

Install Started

1. 在 pubspec.yaml 文件中添加依赖：

dependencies:
  better_file_md5_plugin: ^0.0.1

2. 安装依赖：

运行以下命令安装插件：

$ flutter packages get

Normal usage

使用 better_file_md5_plugin 插件计算文件的 MD5 值：

final md5 = await BetterFileMd5.md5(file.path);
if (md5 != null)
  hexMd5 = hex.encode(base64Decode(md5));

Feature

  • ✅ 支持文件的 MD5 计算

示例代码

以下是完整的示例代码，展示如何使用 better_file_md5_plugin 插件来计算文件的 MD5 值。

示例代码（main.dart）

import 'dart:async';
import 'dart:convert';
import 'dart:io';
import 'dart:typed_data';

import 'package:better_file_md5_plugin/better_file_md5_plugin.dart';
import 'package:convert/convert.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:path/path.dart' as path;
import 'package:path_provider/path_provider.dart';

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

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String hexMd5 = ""; // 存储十六进制格式的 MD5 值
  String base64Md5 = ""; // 存储 Base64 格式的 MD5 值

  [@override](/user/override)
  void initState() {
    super.initState();

    // 异步任务，用于保存图片并计算其 MD5 值
    Future.microtask(() async {
      // 将图片资源加载到内存中
      final bytes = Uint8List.view((await rootBundle.load("images/logo.png")).buffer);
      
      // 获取临时目录并创建文件路径
      final file = File(path.join((await getTemporaryDirectory()).path, "logo.png"));
      
      // 如果文件不存在，则将其写入临时目录
      if (!file.existsSync()) {
        await file.writeAsBytes(bytes);
      }

      // 使用 better_file_md5_plugin 计算文件的 MD5 值
      final md5 = await BetterFileMd5.md5(file.path);

      // 如果计算成功且组件仍挂载，则更新状态
      if (md5 != null && mounted) {
        setState(() {
          base64Md5 = md5; // 存储 Base64 格式的 MD5 值
          hexMd5 = hex.encode(base64Decode(md5)); // 转换为十六进制格式的 MD5 值
        });
      }
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('better_file_md5_plugin 示例'),
        ),
        body: Center(
          child: Text(
            'Base64 MD5: $base64Md5 \nHexadecimal MD5: $hexMd5',
            style: TextStyle(fontSize: 16),
          ),
        ),
      ),
    );
  }
}

更多关于Flutter文件MD5校验插件better_file_md5_plugin的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter文件MD5校验插件better_file_md5_plugin的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


better_file_md5_plugin 是一个用于在 Flutter 应用中计算文件 MD5 校验和的插件。它可以帮助你轻松地计算文件的 MD5 值，以便进行文件校验、比较等操作。

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 better_file_md5_plugin 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  better_file_md5_plugin: ^1.0.0  # 请检查最新版本

然后运行 flutter pub get 来获取依赖。

2. 导入插件

在你的 Dart 文件中导入插件：

import 'package:better_file_md5_plugin/better_file_md5_plugin.dart';

3. 使用插件计算文件 MD5

你可以使用 BetterFileMd5Plugin 类中的 getFileMd5 方法来计算文件的 MD5 值。

以下是一个简单的示例：

import 'package:flutter/material.dart';
import 'package:better_file_md5_plugin/better_file_md5_plugin.dart';
import 'package:flutter/services.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('File MD5 Example'),
        ),
        body: Center(
          child: FileMd5Checker(),
        ),
      ),
    );
  }
}

class FileMd5Checker extends StatefulWidget {
  [@override](/user/override)
  _FileMd5CheckerState createState() => _FileMd5CheckerState();
}

class _FileMd5CheckerState extends State<FileMd5Checker> {
  String _md5Value = '';

  Future<void> _calculateMd5() async {
    try {
      // 获取文件路径（这里假设文件在 assets 中）
      final filePath = 'assets/example.txt';

      // 计算文件的 MD5 值
      final md5 = await BetterFileMd5Plugin.getFileMd5(filePath);

      setState(() {
        _md5Value = md5;
      });
    } on PlatformException catch (e) {
      setState(() {
        _md5Value = 'Failed to get MD5: ${e.message}';
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Text(
          'MD5: $_md5Value',
          style: TextStyle(fontSize: 20),
        ),
        SizedBox(height: 20),
        ElevatedButton(
          onPressed: _calculateMd5,
          child: Text('Calculate MD5'),
        ),
      ],
    );
  }
}
回到顶部