Blob

Um objeto Blob representa um objeto do tipo arquivo, com dados brutos imutáveis. Blobs representam dados que não estão necessariamente em um formato JavaScript nativo. A interface File é baseada no Blob, herdando funcionalidade blob e expandindo-o para suportar arquivos no sistema do usuário.

Para construir um Blob a partir de outro objeto ou dado não-blob , utilize o construtor Blob(). Para criar um blob que contém um subconjunto de dados de outro blob, use o método slice(). Para obter um objeto Blob de um arquivo no sistema de arquivos do usuário, veja a documentação File.

As APIs que aceitam objetos Blob também são listados na documentação File.

Blob(blobParts[, opções])

Retorna um novo Blob object cujo conteúdo consiste na concatenação do array de valores passados por parâmentro.

Blob.size Somente leitura

Tamanho em bytes dos dados contidos no objeto Blob.

Blob.type Somente leitura

Uma string que indica o MIME type dos dados no Blob. Se o tipo é desconhecido, então retorna uma string vazia.

Blob.slice([start[, end[, contentType]]])

Retorna um novo Blob object contendo dados em no intervalo de bytes especificado do Blob de origem.

O código a seguir:

var aFileParts = ['<a id="a"><b id="b">hey!</b></a>'];
var oMyBlob = new Blob(aFileParts, { type: "text/html" }); // o blob

equivale a:

var oBuilder = new BlobBuilder();
var aFileParts = ['<a id="a"><b id="b">hey!</b></a>'];
oBuilder.append(aFileParts[0]);
var oMyBlob = oBuilder.getBlob("text/xml"); // o blob

O código a seguir:

var typedArray = GetTheTypedArraySomehow();
var blob = new Blob([typedArray], { type: "application/octet-binary" }); // passe um MIME-type útil aqui
var url = URL.createObjectURL(blob);
// url será algo do tipo: blob:d3958f5c-0777-0845-9dcf-2cb28783acaf
// agora você pode usar a URL em qualquer contexto em que URLs regulares podem ser usadas, por exemplo: img.src, etc.

O único jeito de ler o conteúdo de um Blob é usando FileReader. O código a seguir lê o conteudo de um Blob como um Array.

var reader = new FileReader();
reader.addEventListener("loadend", function () {
  // reader.result contém o conteúdo do blob como uma array tipada
});
reader.readAsArrayBuffer(blob);

Ao usar outros métodos de FileReader, é possível ler o conteúdo de um Blob como uma string ou como uma data URL.

• BlobBuilder
• File