Question

是否有内置解决方案可以防止Blob中不同记录中的重复IndexedDB个对象？

假设我有一个音乐商店的架构：id, title, album, artwork，我想将同一张专辑中的2首歌曲添加到这个商店（所以他们很可能拥有相同的艺术品资产）。是否有内置方法只能自动存储一次艺术作品？

我尝试了什么：

我尝试在unique索引中设置artwork标志，但在插入第二首歌曲之前和之后检查数据库的大小（使用chrome://settings/cookies），艺术品存储两次。
然后我尝试将这些艺术品存放在一个单独的商店中（只有id和artwork作为架构）并使用相同的标志，但这也不起作用。

var database = new Dexie('TheDatabase');
database.version(1).stores({artworks: '++id, &artwork'});

var dbArt = database.artworks;

var artworkBlob = getBlob(image);
dbArt.put(artworkBlob);

//later:
dbArt.put(artworkBlob);

我是否以任何方式滥用unique旗帜？ Blob个对象不支持吗？

Answer 1

即使IndexedDB支持存储Blob，它也不支持索引Blob。可索引属性只能是string，number，Date或Array＆lt; string |的类型号码|日期取代。如果没有，IndexedDB将默默地忽略索引该特定对象。

此外，在您的示例代码中，您没有引用艺术作品表，并且您试图单独放置blob而不是放置包含blob属性的文档。

所以你可以做的是计算blob内容的哈希/摘要，并存储为你可以使用唯一索引索引的字符串。

var dbArt = new Dexie('TheDatabase');
dbArt.version(1).stores({
    artworks: `
        ++id,
        title,
        album,
        &artworkDigest` // & = unique index of the digest
});

var artworkBlob = getBlob(image); // get it somehow...

// Now, compute hash before trying to put blob into DB
computeHash(artworkBlob).then(artworkDigest => {

    // Put the blob along with it's uniqely indexed digest
    return dbArt.artworks.put({
        title: theTitle,
        album: theAlbum,
        artwork: artworkBlob,
        artworkDigest: artworkDigest
    });
}).then(()=>{
    console.log("Successfully stored the blob");
}).catch(error => {
    // Second time you try to store the same blob, you'll
    // end up here with a 'ConstraintError' since the digest
    // will be same and conflict the uniqueness constraint.
    console.error(`Failed to store the blob: ${error}`);
});

function computeHash (blob) {
    return new Promise((resolve, reject) => {
        // Convert to ArrayBuffer
        var fileReader = new FileReader();
        fileReader.onload = () => resolve(filerReader.result);
        fileReader.onerror = () => reject(filerReader.error);
        fileReader.readAsArrayBuffer(blob);
    }).then (arrayBuffer => {
        // Compute Digest
        return crypto.subtle.digest("SHA-256", arrayBuffer);
    }).then (digest => {
        // Convert ArrayBuffer to string (to make it indexable)
        return String.fromCharCode.apply(
            null, new Uint8Array(digest));
    });
};

我还建议存储ArrayBuffer而不是blob（因为我们无论如何都将blob读入ArrayBuffer。我的示例没有显示，但您可以将computeHash（）拆分为两个不同的函数 - 一个读取blob到一个ArrayBuffer和另一个哈希它。如果你存储ArrayBuffer而不是blob，它在Safari和其他一些旧版本的firefox中会更不容易出错。

附注：在IndexedDB 2.0中，ArrayBuffers是可索引的（但不是Blob）。但是，我绝不会建议在任何数据库中索引如此大的值。更好地索引摘要。

防止IndexedDB中的重复Blob对象

1 个答案: