Dada una cadena base64 , ¿cuál es la forma más segura y eficiente de crear un ArrayBuffer ? Específicamente, un búfer de matriz sin tipo en JavaScript moderno puro.
El primer resultado SO es esta pregunta de 2014 . La respuesta aceptada es
function _base64ToArrayBuffer(base64) { var binary_string = window.atob(base64); var len = binary_string.length; var bytes = new Uint8Array(len); for (var i = 0; i < len; i++) { bytes[i] = binary_string.charCodeAt(i); } return bytes.buffer; }Ya asume un tipo y hay comentarios que sugieren que esto no siempre es correcto.
¿Sigue siendo esta la mejor solución hoy en día? ¿Tenemos que iterar sobre todos los elementos en un ciclo for? ¿Existe una forma mejor y más eficiente de usar Vanilla JS en la que podamos pasar una blob de la cadena?
Un problema de ejemplo es procesar un búfer GLTF que se proporciona como una cadena codificada en base64 :
let str = 'data:application/octet-stream;base64,AAABAAIAAAAAAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAA='; Esto tiene dos vistas separadas de datos escalares (sin signo corto) y vec3 (flotante), que requieren un procesamiento adicional.
[editar]
Entonces, la respuesta más popular no es útil aquí, ya que crea un TypedArray pero los datos en la cadena base64 no representan un conjunto de datos homogéneo.
Dado que su str es un data:uri , puede usar fetch :
let str = 'data:application/octet-stream;base64,AAABAAIAAAAAAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAA='; fetch(str) .then(b => b.arrayBuffer()) .then(buff => console.log( new Int8Array(buff) /* just for a view purpose */ )) .catch(e => console.log(e))