如何在flutter中将图像数据保存到sqflite数据库以实现持久化

Question

我正在构建一个 Flutter 应用程序，我希望将数据保持在离线状态。

我正在使用相机或图库图像选择器捕获图像，并且能够将该图像存储到File image变量中。

File _avatarImg;

void _getImage(BuildContext context, ImageSource source) {
    ImagePicker.pickImage(
      source: source,
      maxWidth: 400.0,
      maxHeight: 400.0,
    ).then((File image) {
      _avatarImg = image;
    });
  }

这非常有效，但我的问题是，我将如何存储此图像以保持持久性？ 我是否应该在图像所在的手机中存储指向本地媒体目录的字符串链接？ 如果是这样，我会担心图像是否被用户意外删除。 或者我是否将图像本身存储到 BLOB 中的数据库中？ 这方面的最佳做法是什么？

Answer 1

您可以将图像转换为 BASE64 并将图像作为字符串存储在数据库中。 检查这个链接和这个

Answer 2

Image和文件，通常是作为BLOB存储在SQLite数据库中的。

这样做：

1. 我们应该创建一个Picture类：

class Picture {
 final int id;
 final String title;
 final Uint8List picture;

 Picture({this.id, this.title, this.picture});

 Picture.fromMap(Map map) {
   id = map[id];
   title = map[title];
   picture = map[picture];
 }

  Map<String, dynamic> toMap() => {
   "id": id,
   "title": title,
   "picture" : picture,
 };
}

2. 然后我们可以相应地创建我们的表：

await db.execute("CREATE TABLE Picture(id INTEGER PRIMARY KEY, title TEXT, picture BLOB )");

3. 创建一个方法将Picture保存在数据库中：

void savePicture(Picture picture) async {
  var dbClient = await db;
  await dbClient.insert("Picture", picture.toMap());
}

4. 创建一个从数据库中获取Picture的方法：

Future<List<Picture>> getPictures() async {
    var dbClient = await db;
    List<Map> list = await dbClient.rawQuery('SELECT * FROM Picture');
    List<Picture> pictures = new List();
    for (int i = 0; i < list.length; i++) {
      pictures.add(new Picture(list[i]["id"], list[i]["text"], list[i]["picture"]));
    }
    return pictures;
  }
}

5. 将Picture保存到数据库：

var image = await get(
  "https://images.pexels.com/photos/2047905/pexels-photo-2047905.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
var bytes = image.bodyBytes;
Picture picture = Picture(id, title, picture);
savePicture(picture);

6. 在需要时使用它，例如：

Image.memory(picture.picture);

---

注意：虽然在上面的例子中我们使用了Image ，但这个概念适用于任何其他类型的文件。

将文件转换为base64并将其存储为字符串是可行的，但这不是最佳解决方案。 一个问题是存储要求增加了 33%，尤其是在处理大文件时，这种增加很快。