如何在 HTML5 Blob 对象上使用 base64 编码

Question

我正在构建一个库来“节点化” HTML5 文件 Api（目前处于 alpha 阶段）[0]，以使其处理二进制内容并且没有字符集问题，我正在使用 Buffer[1] 实用程序。

但是 HTML5 文件 API 使用 Blob 原生对象。实际上，我正在使用缓冲区编码中的“应用程序/八位字节流”类型和“二进制”类型。但是，我想使用 base64 以防止出现任何问题：

CoFS.prototype.writeFile = function (fileName, data, encoding, callback) {

    var self = this;

    if (Buffer.isBuffer(data)) {
        callback = encoding;
        encoding = undefined;
    } else {
        data = new Buffer(data, encoding);
    }

    this._ifready(function () {

        self.getFileEntry(fileName, {create: true, exclusive: true}, function (err, fileEntry) {

            if (err) return callback(new Error("Error getting file access " + err.message));

            fileEntry.createWriter(function(fileWriter) {

                fileWriter.onwriteend = function () {
                    callback(null);
                };

                fileWriter.onerror = function(e) {
                    callback(new Error(e.toString()));
                };

                var blob = new Blob([data.toString('binary')], {type: 'application/octet-stream'});

                fileWriter.write(blob);

            }, function () {
                callback(new Error('Error writing ' + fileName));
            }); 
        });

    });

};

精确到：

var blob = new Blob([data.toString('binary')], {type: 'application/octet-stream'});

我红色的 MDN 页面 [2] 但我没有看到任何关于编码的信息。

有没有办法完成这样的事情？：

var blob = new Blob([data.toString('base64')], {type: 'application/octet-stream', encoding: 'base64'});

谢谢你。

• 0：https : //github.com/exos/cofs
• 1：https : //github.com/anodynos/node2web_buffer
• 2：https : //developer.mozilla.org/en-US/docs/Web/API/Blob

Answer 1

我意识到 Buffer 对象是从 Int8Array 扩展而来的，并且两者都是兼容的。

我现在的代码是：

var blob = new Blob(
    [data], // Data is a buffer!
    {
        type: 'application/octet-stream'
    }
);

fileWriter.write(blob);

对于读取，我使用 readAsArrayBuffer 方法，您可以执行以下操作：

var d = new Int8Array(arr); // When arr is arrayBuffer
var buf = new Buffer(d); // And works!

这解决了我的问题。对于转换 base64 编码的内容并在 blob 中使用，使用 Buffer，可以是：

var blob = new Blob(
    [new Buffer(cleanData, 'base64')],
    {
        type: 'application/octet-stream'
    }
);