Flutter、Dart本地HTML文件转Uint8List问题求助

场景1：Flutter Web环境（需用户选择本地文件） #

Web端无法直接创建html.File对象，必须通过用户手动选择文件获取：

html.InputElement uploadInput = html.FileUploadInputElement()
  ..accept = 'text/html'; // 仅允许选择HTML文件

uploadInput.click();

uploadInput.onChange.listen((e) async {
  final files = uploadInput.files;
  if (files.isNotEmpty) {
    final file = files.first;
    final reader = html.FileReader();
    reader.readAsArrayBuffer(file);
    await reader.onLoad.first;
    Uint8List htmlBytes = reader.result as Uint8List;
    // 获取到Uint8List后执行打印逻辑
  }
});

场景2：Flutter桌面/移动端（读取本地assets或文件系统） #

读取assets中的HTML文件 #

1. 在pubspec.yaml中声明assets：

assets:
  - assets/your_target.html

2. 读取并转换为Uint8List：

import 'package:flutter/services.dart';

Future<Uint8List> loadHtmlFromAssets(String assetPath) async {
  ByteData data = await rootBundle.load(assetPath);
  return data.buffer.asUint8List();
}

// 调用示例
Uint8List htmlBytes = await loadHtmlFromAssets('assets/your_target.html');

读取设备文件系统中的HTML文件 #

借助path_provider和dart:io实现：

import 'dart:io';
import 'package:path_provider/path_provider.dart';

Future<Uint8List> loadHtmlFromFileSystem(String filePath) async {
  File file = File(filePath);
  return await file.readAsBytes();
}

场景3：直接将HTML字符串转为Uint8List #

若HTML内容以字符串形式存在，直接编码即可：

import 'dart:convert';

String htmlContent = '<html><body>你的HTML内容</body></html>';
Uint8List htmlBytes = Uint8List.fromList(utf8.encode(htmlContent));

内容的提问来源于stack exchange，提问作者Abdulla Amangeldi