InvalidStateError “试图对不允许突变的数据库进行突变操作。”在 Firefox 中的 indexedDB 中

Question

我有以下代码，它会在 Firefox 中抛出 InvalidStateError（调用 objectStore 时）。 消息是A mutation operation was attempted on a database that did not allow mutations.。

奇怪的是，当我将事务的创建放在 getBlob 回调中时，它似乎可以工作。

function saveFile( fileEntry ) {
    var transaction = this;
    transaction.onerror = function( event ) {
        console.log( event );
    };

    fileEntry.getBlob( "", function( blob ) {
        var store = transaction.objectStore( STORE_NAME );
        try {
            var request = store.put( blob, fileEntry.getFullname() );
            request.onsuccess = function( event ) {
                console.log( "file: " + fileEntry.getFullname() );
                ++(progressBar[0].value);
            };
            request.onerror = function( event ) {
                console.log( "error in file " + event );
                ++(progressBar[0].value);
            };
        } catch( ex ) {
            console.log("getBlob " + ex );
        }
    }, function() {
    }, true );
}

function saveRecursive( dirEntry, missingFiles ) {
    var db = this;
    var transaction = db.transaction( [STORE_NAME],
                                  MODES.READ_WRITE );

    for( var i in dirEntry.children ) {
        var entry = dirEntry.children[i];

        if( entry.directory ) {
            createDirectory( dirEntry, entry );
            saveRecursive.call( db, entry, missingFiles );
            continue;
        }

        var index = missingFiles.indexOf( entry.getFullname() );
        if( index == -1 )
            continue;

        // Still missing - add
        missingFiles.splice( index, 1 );
        saveFile.call( transaction, entry );
    }
}

有人可以向我解释一下，为什么这不起作用？

Answer 1

如果 getBlob 是异步函数，这将不起作用：

fileEntry.getBlob( "", function( blob ) {
  var store = transaction.objectStore( STORE_NAME );

因为transaction 已经提交，当您获得 blob 时。

Answer 2

不确定 indexeddb 是否支持 blob。