读取从颤音中存储在SQLFlite数据库中的图像

Question

在数据库中插入图像时的打印语句将显示积极的结果。
即使从数据库中阅读时，在打印语句的输出中，我也可以看到图像数据。
但是我无法显示它。如何验证问题在哪里？

------------------------------------文件：sqlfhelper.dart ------------------------------------- ------------------

表包含单个项目斑点。

class SQLHelper {
  static Future<void> createTables(sql.Database database) async 
  {
    await database
        .execute("CREATE TABLE items1(id INTEGER PRIMARY KEY, picture BLOB )");
  }

用于创建表的代码：

static Future<sql.Database> db() async {
    return sql.openDatabase(
      'kindacode1.db',
      version: 1,
      onCreate: (sql.Database database, int version) async {
        await createTables(database);
      },
    );
  }

在这里，我将图像文件传递给此功能，将其转换为uint8list，然后存储在表中：

static Future<int> createItem(File? obj) async {
    final db = await SQLHelper.db();

    Uint8List? pic;
    if (obj != null) {
      pic = await obj.readAsBytes();

      if (pic.isNotEmpty) {
        print("VVVV");
      }

    final data = {'picture': pic};
    final id = await db.insert('items1', data,
        conflictAlgorithm: sql.ConflictAlgorithm.replace);
    return id;
  }

用于从数据库中读取：

static Future<List<Map<String, dynamic>>> getItems() async {
    final db = await SQLHelper.db();
    return db.query('items1', orderBy: "id");
  }

--------------- --------------------------文件：Main.Dart ----------------------------------------------------------------------- -------

状态小部件的initstate：_refreshjournals（）函数从数据库读取。

  @override
  void initState() {
    super.initState();
    _refreshJournals(); 
  }

想法是从数据库中读取并取出所需的图像。这是由数字形式的打印语句打印的数据。

  List<Map<String, dynamic>> _journals = [];

  void _refreshJournals() async {
    final data = await SQLHelper.getItems();
    setState(() {
      _journals = data;
  
      if (_journals.isNotEmpty) {
        print("WfW\n");
        print(data);

        _showForm(_journals[15]['id']);
      } 
    });
  }

使用FromRawPath将图像从UINT8LIST转换为图像。我可以在这里看到打印语句得到实现。

  void _showForm(int? id) async {
    if (id != null) {
      final existingJournal =
          _journals.firstWhere((element) => element['id'] == 15);

      if (existingJournal.isNotEmpty) {
        print(existingJournal);
        myImage = File.fromRawPath(existingJournal['picture']);   
      } 
    }
  }

被用作：

 Image.file(
        myImage,
        scale: 0.5,
        width: 20,
        height: 20,
        fit: BoxFit.scaleDown,
 ),

它在GUI中导致这一点： 带有奇怪文字的奇怪形状是图像应该是图像的地方。

图像由手机的摄像机捕获，然后存储在数据库中以在此处读取和显示：

Answer 1

您可以使用内存来从字节呈现。

 child: Image.memory(Uint8List bytes);

或使用MemoryImage类：

var _image = MemoryImage(image);

更多 info ：