Javascript blob type binary options

A função atob decodificará uma seqüência codificada em base64 em uma nova seqüência com um caractere para cada byte dos dados binários. Cada ponto de código de caracteres (charCode) será o valor do byte. Podemos criar uma matriz de valores de byte aplicando isso usando o método. charCodeAt para cada caractere na seqüência de caracteres. Você pode converter essa matriz de valores de byte em uma matriz de bytes digitados real, passando-o para o construtor Uint8Array. Isso, por sua vez, pode ser convertido em um Blob, envolvendo-o em uma matriz passando-o para o construtor Blob. O código acima funciona. No entanto, o desempenho pode ser melhorado um pouco processando o byteCharacters em fatias menores, em vez de todos de uma vez. Em meu teste áspero 512 bytes parece ser um bom tamanho de fatia. Isso nos dá a seguinte função. Exemplo Completo:. Ou ES6: respondeu Apr 26 13 at 21:51 Note que atob isn39t suportado pelo IE9 e abaixo, apenas IE10. Mas então, isso é verdade para matrizes e blobs tipados também, então. -) ndash T. J. Crowder Apr 26 13 at 21:55 Para melhor performace (testado em FF20) use para em vez de chamar Array. prototype. map. call (slice, charCodeFromCharacter) e prealocate array byteNumbers new Array (slice. length). Eu notei, que o Internet Explorer 11 fica incrivelmente lento ao cortar os dados como jeremy sugerido. Isso é verdade para o Chrome, mas o IE parece ter um problema ao passar os dados cortados para o Blob-Constructor. Na minha máquina, passando 5 MB de dados faz IE crash e consumo de memória está passando pelo telhado. O Chrome cria o blob em nenhum momento. Executar este código para um comparismo: Então eu decidi incluir ambos os métodos descritos por jeremy em uma função. Créditos vão para ele para isso. Solução fornecida por Jeremy Banks trabalhou para mim. No entanto, eu tive que obter ajuda de outras fontes desde que eu estou usando ng-flow para upload de imagens. Quando a página da Web é carregada e as imagens são recuperadas da Base de Dados, essas imagens devem ser adicionadas de volta à matriz flow. files. As imagens são salvas no banco de dados usando seqüência Base64. Então, durante a carga da página, a única maneira para mim foi converter seqüência do Base64 para Blob e adicionar os arquivos de volta para a matriz flow. files. Isso permitiu que o controlador de fluxo funcionasse corretamente após a página ser carregada a partir do banco de dados. A seguir estão os passos: Adicionar diretiva carga-foto e adicioná-lo ao elemento de entrada additionalimage1 que tem a seqüência de base64 carregado de banco de dados no documento pronto evento usando jQuery. Adicione uma diretiva para acessar o elemento e chamar escopo scope. loadPhoto função no documento pronto para carregar a foto. Na função carregar foto, converta o Base64 para Blob e adicione o arquivo ao controle de fluxo. Assegure-se de que a variável de escopo scope. imageStringB64 eo elemento de entrada additionalimage1 sejam sincronizados manualmente como o ng-model não funcionou como esperado. Isso ocorre porque código jQuery fora angular está carregando o elemento de entrada do banco de dados, e descobri que eles não são vinculados dinamicamente. Consulte este exemplo de código para obter mais opções para converter imagem Base64 para blob e voltar para Base64: