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

Image 以及通常的文件都应该作为 BLOB 存储在 SQLite 数据库中。

这样做：

我们应该创建一个 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,
 };
}

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

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

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

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

创建一个从数据库中获取 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;
  }
}

将 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);

在需要时使用它，例如：

Image.memory(picture.picture);

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

将文件转换为 base64 并将其存储为字符串有效，但 it's not the best solution。一个问题是存储需求增加了 33%，尤其是在处理大文件时，这种需求会迅速增加。

Answer 2

您可以将图像转换为BASE64并将图像作为字符串存储在数据库中。选中this link和this one

如何在Flutter中将图像数据保存到sqflite数据库以保持持久性

2 个答案: