Question

如何将二进制数据（在ArrayBuffer对象中）保存到IndexedDB中？

IndexedDB规范没有提到ArrayBuffer - 这是否意味着不支持（我必须将ArrayBuffer打包为字符串或数组？）。

Answer 1

只需保存ArrayBuffer即可“正常工作”。我相信它在所有当前的IndexedDB实现中都有。

即。类似的东西：

var trans = db.transaction("mystore", IDBTransaction.READ_WRITE); // or "readwrite"
trans.objectStore("mystore").put(myArrayBuffer, "mykey");

发现这是由规范定义的......具有挑战性......至少可以说。但它是这样的：

IndexedDB对所有存储的数据使用“结构化克隆”定义。
“结构化克隆”在HTML5规范中定义，并提到了许多Javascript原生数据类型以及一些其他类型的文件和Blob。
Khronos的ArrayBuffer规范定义了ArrayBuffers，并指定应更改“结构化克隆”的HTML5定义以克隆ArrayBuffers。

是的，我知道，我也不会找到它。

Answer 2

在最新的（夜间）FF版本中，这非常容易。请参阅this bug。

window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder ||
                     window.MozBlobBuilder;

var bb = new BlobBuilder();
bb.append(arrayBuffer);
var myblob = bb.getBlob();

indexedDB.open("mydatabase").onsuccess = function(e) {
  var db = e.result;
  var trans = db.transaction(["objectstore1", "objectstore2", READ_WRITE);
  trans.objectStore("objectstore1").put(myblob, "somekey");
  trans.objectStore("objectstore2").put(myblob, "otherkey");
};

甚至：

objectStore.put({ name: "Santa", age: 400, height: 185, img: myblob});

Chrome中有相同的漏洞：crbug.com/108012

在IndexedDB中保存ArrayBuffer

2 个答案: