0

在给 Dexie 的作者 (David Fahlander) 发送电子邮件后，我被重定向到这里。这是我的问题：

有没有办法附加到现有的 Dexie 条目？我需要在 dexie 中存储大的东西，但我希望能够用滚动缓冲区填充大条目，而不是分配一个巨大的缓冲区然后进行存储。

例如，我有一个 2gb 的文件要存储在 dexie 中。我想通过一次将 32kb 存储到同一个存储中来存储该文件，而不必在浏览器中分配 2gb 的内存。有没有办法做到这一点？put 方法似乎只覆盖条目。

4

1 回答 1

1

感谢您在 stackoverflow 提出您的问题 :) 这有助于我建立一个开放的知识库供所有人访问。

IndexedDB 无法在不实例化整个条目的情况下更新条目。Dexie 添加了 update() 和 modify() 方法，但它们仅模拟一种更改某些属性的方法。在后台，整个文档总是会临时加载到内存中。

IndexedDB 也有 Blob 支持，但是当我将 Blob 存储到 IndexedDB 中时，它的全部内容会按规范克隆/复制到数据库中。

所以解决这个问题的最好方法是为动态大内容专门创建一个表，并在其中添加新条目。

例如，假设您有一个表“files”和“fileChunks”。您需要逐步增长“文件”，并且每次这样做时，您都不想在内存中实例化整个文件。然后，您可以将文件块作为单独的条目添加到 fileChunks 表中。

let db = new Dexie('filedb');
db.version(1).stores({
    files: '++id, name',
    fileChunks: '++id, fileId'
});

/** Returns a Promise with ID of the created file */
function createFile (name) {
    return db.files.add({name});
}

/** Appends contents to the file */
function appendFileContent (fileId, contentToAppend) {
    return db.fileChunks.add ({fileId, chunk: contentToAppend});
}

/** Read entire file */
function readEntireFile (fileId) {
    return db.fileChunks.where('fileId').equals(fileId).toArray()
    .then(entries => {
        return entries.map(entry=>entry.chunk)
            .join(''); // join = Assume chunks are strings
    });
}

很容易。如果您希望 appendFileContent 成为滚动缓冲区（具有最大大小并擦除旧内容），您可以添加 truncate 方法：

function deleteOldChunks (fileId, maxAllowedChunks) {
    return db.fileChunks.where('fileId').equals(fileId);
        .reverse() // Important, so that we delete old chunks
        .offset(maxAllowedChunks) // offset = skip
        .delete(); // Deletes all records older before N last records
}

您还将获得其他好处，例如能够在不将其全部内容加载到内存的情况下跟踪存储的文件：

/** Tail a file. This function only shows an example on how
 * dynamic the data is stored and that file tailing would be
 * simple to do. */
function tailFile (fileId, maxLines) {
    let result = [], numNewlines = 0;
    return db.fileChunks.where('fileId').equals(fileId)
        .reverse()
        .until(() => numNewLines >= maxLines)
        .each(entry => {
            result.unshift(entry.chunk);
            numNewlines += (entry.chunk.match(/\n/g) || []).length;
        })
    .then (()=> {
        let lines = result.join('').split('\n')
            .slice(1); // First line may be cut off
        let overflowLines = lines.length - maxLines;
        return (overflowLines > 0 ?
            lines.slice(overflowLines) :
            lines).join('\n');
    });
}

我知道块将在 readEntireFile() 和 tailFile() 中以正确顺序出现的原因是 indexedDB 查询将始终按查询的列主的顺序检索，但按主键的顺序检索，主键是自动递增的数字。

此模式可用于其他情况，例如日志记录等。如果文件不是基于字符串的，您将不得不稍微更改此示例。具体来说，不要使用 string.join() 或 array.split()。

于 2017-05-06T20:48:07.820 回答